diff --git a/atst/routes/portfolios/index.py b/atst/routes/portfolios/index.py index e3815cdc..1d7739e7 100644 --- a/atst/routes/portfolios/index.py +++ b/atst/routes/portfolios/index.py @@ -78,7 +78,6 @@ def portfolio_reports(portfolio_id): cumulative_budget=Reports.cumulative_budget(portfolio), portfolio_totals=Reports.portfolio_totals(portfolio), monthly_totals=Reports.monthly_totals(portfolio), - jedi_request=portfolio.request, task_order=task_order, current_month=current_month, prev_month=prev_month, diff --git a/static/icons/envelope.svg b/static/icons/envelope.svg new file mode 100644 index 00000000..a2557ef2 --- /dev/null +++ b/static/icons/envelope.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/styles/sections/_reports.scss b/styles/sections/_reports.scss index 966ce7f5..a97de1c6 100644 --- a/styles/sections/_reports.scss +++ b/styles/sections/_reports.scss @@ -41,6 +41,11 @@ max-width: 100%; } + .subheading { + @include h4; + margin: 0 $gap 2 * $gap 0; + -ms-flex-negative: 1; + } // Spending Summary // =============================== @@ -58,12 +63,6 @@ } } - .spend-summary__heading { - @include h4; - margin: 0 $gap 2 * $gap 0; - -ms-flex-negative: 1; - } - .spend-summary__budget { margin: 0 0 0 $gap; @@ -112,20 +111,22 @@ // =============================== &.to-summary { - .to-summary__row { - .to-summary__heading { - @include h3; - margin: 0; - } + .subheading { + margin-bottom: 0; + } - .to-summary__to-number { - margin: 0; - dd { - &::before { - content: '#'; - color: $color-gray; - margin-right: $gap; - } + .to-summary__heading { + @include h4; + margin: 0 $gap 0 0; + } + + .to-summary__to-number { + margin: 0; + dd { + &::before { + content: '#'; + color: $color-gray; + margin-right: $gap; } } @@ -156,23 +157,26 @@ .to-summary__expiration { dl { - margin: ($gap * 2) 0 0 0; + text-align: right; - > div { - margin: 0 0 ($gap / 2) 0; + dd, dt { + display: inline; + } - dd, dt { - display: block; - } + dt { + font-size: $small-font-size; + text-transform: uppercase; + font-weight: $font-bold; + color: $color-gray-light; + } - dt { - color: $color-gray; - margin-right: $gap; - font-weight: normal; - } + dd.ending-soon { + color: $color-red-dark; + font-size: $h2-font-size; - dd { - font-weight: bold; + .icon { + @include icon-size(28); + @include icon-color($color-red-dark); } } } diff --git a/templates/portfolios/reports/index.html b/templates/portfolios/reports/index.html index 07b43348..10b7d01c 100644 --- a/templates/portfolios/reports/index.html +++ b/templates/portfolios/reports/index.html @@ -12,7 +12,7 @@