style: align headline and body with form fields as shown in Figma

cal-itp · Apr 19, 2024 · 45210f6 · 45210f6
1 parent 7bac402
commit 45210f6
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/benefits/core/templates/core/base.html b/benefits/core/templates/core/base.html
@@ -79,10 +79,12 @@
           <div class="row justify-content-center">
             {% block headline %}
             {% endblock headline %}
+            {% block explanatory-text-wrapper %}
             <div class="col-lg-8">
               {% block explanatory-text %}
               {% endblock explanatory-text %}
             </div>
+            {% endblock explanatory-text-wrapper %}
           </div>
           <div class="row justify-content-center">
             {% block inner-content %}

diff --git a/benefits/eligibility/templates/eligibility/confirm.html b/benefits/eligibility/templates/eligibility/confirm.html
@@ -10,14 +10,20 @@
 {% endblock nav-buttons %}
 
 {% block headline %}
-  <div class="col-lg-8">
+  <div class="col-lg-6">
     <h1>{{ form.headline }}</h1>
   </div>
 {% endblock headline %}
 
-{% block explanatory-text %}
-  <p class="pt-4 pb-4">{{ form.blurb }}</p>
-{% endblock explanatory-text %}
+{% block explanatory-text-wrapper %}
+  <div class="row justify-content-center">
+    <div class="col-lg-6">
+      {% block explanatory-text %}
+        <p class="pt-4 pb-4">{{ form.blurb }}</p>
+      {% endblock explanatory-text %}
+    </div>
+  </div>
+{% endblock explanatory-text-wrapper %}
 
 {% block inner-content %}
   <div class="container">