'If you don't have an offer letter from a school you're considering, we recommend you . We'll continue to use the estimated costs and debt that you've made so far. (You can always come back once you have an offer.)' | safe
) }}
+
Previously, we showed you average costs for your family's income level. Now we'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.
+
Enter information from your financial aid offer
@@ -20,7 +22,6 @@
Enter information from your financial aid offer
'value': '$0',
'is_editable': 'True',
'status': 'warning',
- 'note': 'Previously, we showed you average costs for your family's income level. Now we'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">
-
+
{{ value.label }}
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;