More style to help with readability

generate_pdf_emoji_support.py

@@ -140,6 +140,23 @@ def main():
       white-space: pre-wrap;
     }
 
+    .locality {
+      margin-bottom: 0 !important;
+    }
+
+    .locality-label {
+      font-size: 1.15rem;
+      color: #4a5568;
+      margin: 0;
+    }
+
+    .locality-value {
+      font-size: 1.15rem;
+      margin: 0;
+      font-weight: bold;
+      color: #4a5568;
+    }
+
     .name-label {
       font-size: 1.5rem;
       color: #4a5568;
@@ -158,13 +175,10 @@ def main():
       margin-bottom: 0.2em;
       color: #7c3aed;
       font-size: 10.5pt;
-      text-transform: uppercase;
-      letter-spacing: 0.5px;
     }
 
     .comments-value {
       margin-top: 0;
-      margin-bottom: 1em;
       color: #6c757d;
       font-style: italic;
     }
@@ -211,6 +225,12 @@ def main():
       font-weight: 600;
       font-size: 12pt;
     }
+
+    .line-separator {
+      border: none;
+      border-top: 1px solid rgba(0, 0, 0, 0.1);
+      margin-bottom: 1em;
+    }
   </style>
 </head>
 
@@ -218,7 +238,7 @@ def main():
   {% for row in rows %}
   <div class="trainee-page">
     <h1>{{ row.name }}</h1>
-    <h2>Sending Locality: {{ row.locality }}</h2>
+    <p class="locality"><span class="locality-label">Sending Locality: </span><span class="locality-value">{{ row.locality }}</span></p>
 
     {% for entry in row.entries %}
       {% if entry.type == "comments" %}
@@ -227,26 +247,29 @@ def main():
    
       {% elif entry.type == "inline" %}
         <div class="inline-answer">
-          {% if "Truth" in entry.label %}
+          {% if "Column 4" in entry.label %}
             <p class="evaluation-header">Please evaluate your progress for this past term (1-5, 5 indicating the most progress):</p>
             <p class="evaluation-item"><span class="bold">Truth:</span> <span class="entry-value">{{ entry.value }}</span></p>
-          {% elif "Life" in entry.label %}
+          {% elif "Column 6" in entry.label %}
             <p class="evaluation-item"><span class="bold">Life:</span> <span class="entry-value">{{ entry.value }}</span></p>
-          {% elif "Gospel" in entry.label %}
+          {% elif "Column 8" in entry.label %}
             <p class="evaluation-item"><span class="bold">Gospel:</span> <span class="entry-value">{{ entry.value }}</span></p>
-          {% elif "Character" in entry.label %}
+          {% elif "Column 10" in entry.label %}
             <p class="evaluation-item"><span class="bold">Character:</span> <span class="entry-value">{{ entry.value }}</span></p>
-          {% elif "Service" in entry.label %}
+          {% elif "Column 12" in entry.label %}
             <p class="evaluation-item"><span class="bold">Service:</span> <span class="entry-value">{{ entry.value }}</span></p>
           {% else %}
             <span class="bold">{{ entry.label }}</span>
             <p class="entry-value">{{ entry.value }}</p>
           {% endif %}
         </div>
-
       {% else %}
         {% if "Name" in entry.label %}
           <p class="name-label">{{ entry.label }}<span class="name-value"> {{ entry.value }}</span></p>
+        {% elif "Column" in entry.label %}
+            <p class="comments-label">Comments:</p>
+            <p class="comments-value">{{ entry.value }}</p>
+            <hr class="line-separator">
         {% else %}
           <p class="block-label">{{ entry.label }}</p>
           <p class="comments-value block-value">{{ entry.value }}</p>