feat(elig-start): widen cta, narrow text for all eligibility start op…

…tions
cal-itp · Dec 5, 2024 · 54609be · 54609be
1 parent e72d8e9
commit 54609be
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 11 deletions.
diff --git a/benefits/eligibility/templates/eligibility/start--calfresh.html b/benefits/eligibility/templates/eligibility/start--calfresh.html
@@ -6,7 +6,7 @@
 {% endblock page-title %}
 
 {% block headline %}
-  <div class="col-lg-8">
+  <div class="col-lg-6">
     <h1>{% translate "You selected a CalFresh Cardholder transit benefit." %}</h1>
   </div>
 {% endblock headline %}
@@ -16,8 +16,8 @@ <h1>{% translate "You selected a CalFresh Cardholder transit benefit." %}</h1>
 {% endblock media-item %}
 
 {% block call-to-action %}
-  <div class="row d-flex justify-content-lg-end">
-    <div class="col-lg-4 offset-2 offset-lg-0 col-sm-8 col-8 d-flex justify-content-lg-end justify-content-center">
+  <div class="row justify-content-center">
+    <div class="col-12 col-lg-6">
       {% translate "Get started with" as button_text %}
       <a href="{% url routes.OAUTH_LOGIN %}" class="btn btn-lg btn-primary login">
         {{ button_text }} <span class="fallback-text white-logo">Login.gov</span>

diff --git a/benefits/eligibility/templates/eligibility/start--cst-agency-card.html b/benefits/eligibility/templates/eligibility/start--cst-agency-card.html
@@ -16,8 +16,8 @@ <h1>{% translate "You selected an Agency Card transit benefit." %}</h1>
 {% endblock media-item %}
 
 {% block call-to-action %}
-  <div class="row d-flex justify-content-lg-end">
-    <div class="col-lg-3 offset-2 offset-sm-2 offset-lg-0 col-sm-8 col-8">
+  <div class="row justify-content-center">
+    <div class="col-12 col-lg-6">
       <a href="{% url routes.ELIGIBILITY_CONFIRM %}" class="btn btn-lg btn-primary" role="button">{% translate "Continue" %}</a>
     </div>
   </div>

diff --git a/benefits/eligibility/templates/eligibility/start--medicare.html b/benefits/eligibility/templates/eligibility/start--medicare.html
@@ -6,7 +6,7 @@
 {% endblock page-title %}
 
 {% block headline %}
-    <div class="col-lg-8">
+    <div class="col-lg-6">
         <h1>{% translate "You selected a Medicare Cardholder transit benefit." %}</h1>
     </div>
 {% endblock headline %}
@@ -16,8 +16,8 @@ <h1>{% translate "You selected a Medicare Cardholder transit benefit." %}</h1>
 {% endblock media-item %}
 
 {% block call-to-action %}
-    <div class="row d-flex justify-content-lg-end">
-        <div class="col-lg-3 offset-2 offset-sm-2 offset-lg-0 col-sm-8 col-8">
+    <div class="row justify-content-center">
+        <div class="col-12 col-lg-6">
             <a href="{% url routes.OAUTH_LOGIN %}" class="btn btn-lg btn-primary" role="button">{% translate "Continue to Medicare.gov" %}</a>
         </div>
     </div>

diff --git a/benefits/eligibility/templates/eligibility/start--veteran.html b/benefits/eligibility/templates/eligibility/start--veteran.html
@@ -6,7 +6,7 @@
 {% endblock page-title %}
 
 {% block headline %}
-  <div class="col-lg-8">
+  <div class="col-lg-6">
     <h1>{% translate "You selected a Veteran transit benefit." %}</h1>
   </div>
 {% endblock headline %}
@@ -16,8 +16,8 @@ <h1>{% translate "You selected a Veteran transit benefit." %}</h1>
 {% endblock media-item %}
 
 {% block call-to-action %}
-  <div class="row d-flex justify-content-lg-end">
-    <div class="col-lg-4 offset-2 offset-lg-0 col-sm-8 col-8 d-flex justify-content-lg-end justify-content-center">
+  <div class="row justify-content-center">
+    <div class="col-12 col-lg-6">
       {% translate "Get started with" as button_text %}
       <a href="{% url routes.OAUTH_LOGIN %}" class="btn btn-lg btn-primary login">
         {{ button_text }} <span class="fallback-text white-logo">Login.gov</span>