Fix css after #105 (#109)

Fixing css after unexpected last minute changes, that resulted in odd vertical spacing between content.

Author: StanFromIreland

generate.py

@@ -15,7 +15,6 @@
 import build_status
 import contribute
 from completion import branches_from_devguide, get_completion, TranslatorsData
-from counts import get_counts
 from repositories import Language, get_languages_and_repos
 
 generation_time = datetime.now(timezone.utc)
@@ -101,7 +100,6 @@ class LanguageProjectData:
     Path('build').mkdir(parents=True, exist_ok=True)
 
     completion_progress = list(get_completion_progress())
-    counts = get_counts(Path('clones', 'cpython', 'Doc', 'build', 'gettext'))
 
     env = Environment(loader=FileSystemLoader('templates'))
     index = env.get_template('index.html.jinja').render(

src/style.css

@@ -53,6 +53,15 @@ a:hover {
   flex: 1;
 }
 
+.card-body p {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.card-title {
+  margin-bottom: 0.4rem;
+}
+
 /* ------------------------------ Index ------------------------------------- */
 
 .progress-bar-container {

templates/index.html.jinja

@@ -7,10 +7,10 @@
           <div class="col-12 col-sm-6 col-md-4 d-flex">
             <div class="card shadow mb-3 w-100">
               <div class="card-body">
-                <h4 class="card-title">{{ project.language.name }}</h4>
-                <h5 class="card-subtitle text-muted">{{ project.translated_name }}</h5>
-                <p class="card-subtitle mb-2">Completion: <strong>{{ '{:.2f}%'.format(project.completion) }}</strong></p>
-                <p class="card-subtitle mb-2 text-muted">30 days progress: {{ '{:.2f}%'.format(project.change) }}</p>
+                <h3 class="card-title">{{ project.language.name }}</h3>
+                <h5 class="card-subtitle mb-2 text-muted">{{ project.translated_name }}</h5>
+                <p class="text-muted">Completion: <strong>{{ '{:.2f}%'.format(project.completion) }}</strong></p>
+                <p class="text-muted">30-day progress: {{ '{:.2f}%'.format(project.change) }}</p>
                 <p style="text-align: center;">
                   {% if project.built %}
                     <a href="https://docs.python.org/{{ project.language.code }}/3/" style="color: #1595fe;">View</a>