diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss index c15027ab..6eb2e5ef 100644 --- a/styles/components/_portfolio_layout.scss +++ b/styles/components/_portfolio_layout.scss @@ -89,17 +89,21 @@ margin: 6 * $gap $gap 0 $gap; } +@mixin subheading { + color: $color-gray-dark; + padding: $gap 0; + text-transform: uppercase; + opacity: 0.54; + font-size: $small-font-size; + font-weight: bold; +} + .portfolio-applications { .portfolio-applications__header { margin-bottom: 4 * $gap; .portfolio-applications__header--title { - color: $color-gray-dark; - padding: $gap 0; - text-transform: uppercase; - opacity: 0.54; - font-size: $small-font-size; - font-weight: bold; + @include subheading; } .portfolio-applications__header--actions { @@ -281,3 +285,13 @@ } } } + +.portfolio-reports { + .portfolio-reports__header { + margin-bottom: 4 * $gap; + + .portfolio-reports__header--title { + @include subheading; + } + } +} diff --git a/templates/portfolios/reports/index.html b/templates/portfolios/reports/index.html index 9a455ddc..c63965df 100644 --- a/templates/portfolios/reports/index.html +++ b/templates/portfolios/reports/index.html @@ -1,6 +1,5 @@ {% extends "portfolios/base.html" %} -{% from "components/alert.html" import Alert %} {% from "components/icon.html" import Icon %} {% from "components/empty_state.html" import EmptyState %} @@ -8,13 +7,7 @@ {% block portfolio_content %} - {{ Alert("Budget Report for Portfolio " + portfolio.name, - message="

Track your monthly and cumulative expenditures for your portfolio, applications, and environments below.

\ -

Please note that the projected spend is based on the average expense over the last three completed months and therefore does not account for future changes that might be made in scale or configuration of your cloud services.

", - actions=[ - {"label": "Learn More", "href": url_for('atst.helpdocs'), "icon": "info"} - ] ) }} - +
@@ -442,7 +435,7 @@
- {% endif %} +
{% endblock %}