From da9b7fbf198aaeb7b174967b6ca8f66ed92981ee Mon Sep 17 00:00:00 2001
From: Chuck Werner <mistergone@gmail.com>
Date: Wed, 10 Jul 2024 15:22:20 -0400
Subject: [PATCH] - Style and content fixes

---
 .../college-cost-blocks/05-customize-estimate.html    |  3 ++-
 .../macros/financial-item-flyout.html                 |  2 +-
 .../css/college-costs/college-costs.less              | 11 ++++++++---
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/05-customize-estimate.html b/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/05-customize-estimate.html
index 3d3ed7d3ec7..d2e744f63d2 100644
--- a/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/05-customize-estimate.html
+++ b/cfgov/paying_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/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/macros/financial-item-flyout.html b/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/macros/financial-item-flyout.html
index fb73beb7579..bd50588d223 100644
--- a/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/macros/financial-item-flyout.html
+++ b/cfgov/paying_for_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
index cd39d80486c..00b517042dc 100644
--- 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;