- Style and content fixes

cfpb · Jul 10, 2024 · da9b7fb · da9b7fb
1 parent 01da9d3
commit da9b7fb
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/...ying_for_college/jinja2/paying-for-college/college-cost-blocks/05-customize-estimate.html b/...ying_for_college/jinja2/paying-for-college/college-cost-blocks/05-customize-estimate.html
@@ -12,6 +12,8 @@ <h2 tabindex="-1">Customize your estimate</h2>
         'If you don&apos;t have an offer letter from a school you&apos;re considering, we recommend you <button class="a-btn a-btn--link btn__nav" data-customize-trigger="netPrice" data-destination="debt-guideline">skip this page for now</button>. We&apos;ll continue to use the estimated costs and debt that you&apos;ve made so far. (You can always come back once you have an offer.)<p style="margin-top:15px"><button class="a-btn a-btn--link btn__nav" data-destination="debt-guideline" data-customize-trigger="netPrice">Skip ahead and see if this amount of debt is too much to repay</button></p>' | safe
     ) }}
 
+    <p>Previously, we showed you average costs for your family&apos;s income level. Now we&apos;ll now getting into specifics. Type in the costs listed in your financial aid offer, adding additional costs as needed. Remember, these are estimates based on students’ reported spending.</p>
+
     <h3>Enter information from your financial aid offer</h3>
     <div class="block block--mid">
         <div class="financial-item-group">
@@ -20,7 +22,6 @@ <h3>Enter information from your financial aid offer</h3>
                 'value': '$0',
                 'is_editable': 'True',
                 'status': 'warning',
-                'note': 'Previously, we showed you average costs for your family&apos;s income level. Now we&apos;ll now getting into specifics. Type in the costs listed in your financial aid offer, adding additional costs as needed. Remember, these are estimates based on students’ reported spending.',
                 'data_attribute': 'data-financial-item="total_costs"'
             } %}
             {% call() flyout(flyout_settings) %}

diff --git a/...r_college/jinja2/paying-for-college/college-cost-blocks/macros/financial-item-flyout.html b/...r_college/jinja2/paying-for-college/college-cost-blocks/macros/financial-item-flyout.html
@@ -37,7 +37,7 @@
                    {{ ('financial-item--' + value.status | safe ) if value.status else ''}}"
             type="button">
       <span class="flex-container">
-        <span class="h4 o-costs-group__label">
+        <span class="h4 o-costs-group__label financial-item__label">
             {{ value.label }}
         </span>
         <span class="o-costs-group__link">

diff --git a/cfgov/unprocessed/apps/paying-for-college/css/college-costs/college-costs.less b/cfgov/unprocessed/apps/paying-for-college/css/college-costs/college-costs.less
@@ -68,14 +68,19 @@
 
     .equation-row {
       .financial-item {
-        &__label div {
-          .h3();
-        }
+        &__label div,
         &__value span {
           .h3();
         }
       }
 
+      .o-costs-group {
+        &__label.h4,
+        &__link span {
+          .h3()
+        }
+      }
+
       &--bottom-line {
         border-bottom: 2px solid black;
         padding-bottom: 30px;