From 00b79e2c7b16ba7b0a5d65eb6e18a724426f3358 Mon Sep 17 00:00:00 2001
From: graham-dds <graham.beckley-ctr@friends.dds.mil>
Date: Wed, 27 Nov 2019 15:28:26 -0500
Subject: [PATCH] Modify styling for app / env spend table

---
 styles/sections/_reports.scss                  | 18 ++++++++++++++++++
 .../reports/application_and_env_spending.html  |  8 ++++++--
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/styles/sections/_reports.scss b/styles/sections/_reports.scss
index 05295185..0cd737c8 100644
--- a/styles/sections/_reports.scss
+++ b/styles/sections/_reports.scss
@@ -97,4 +97,22 @@
       border-top: 1px solid $color-gray-lighter;
     }
   }
+
+  .reporting-spend-table {
+    &__env-row {
+      &-label {
+        margin-left: $gap * 5;
+      }
+      &--last {
+        & > td {
+          border-bottom: 1px solid black;
+        }
+        &:last-of-type {
+          & > td {
+            border-bottom: none;
+          }
+        }
+      }
+    }
+  }
 }
diff --git a/templates/portfolios/reports/application_and_env_spending.html b/templates/portfolios/reports/application_and_env_spending.html
index d969a767..e43ebf0c 100644
--- a/templates/portfolios/reports/application_and_env_spending.html
+++ b/templates/portfolios/reports/application_and_env_spending.html
@@ -59,9 +59,13 @@
                   <span v-html='formatDollars(application["total_spend_to_date"])'></span>
                 </td>
               </tr>
-              <tr v-for='(environment, envName) in environments[name]' v-show='application.isVisible'>
+              <tr 
+                v-for='(environment, envName, index) in environments[name]' 
+                v-show='application.isVisible'
+                v-bind:class="[ index == Object.keys(environments[name]).length -1 ? 'reporting-spend-table__env-row--last' : '']"
+              >
                 <td>
-                  <span v-html='envName'></span>
+                  <span class="reporting-spend-table__env-row-label" v-html='envName'></span>
                 </td>
                 <td class="table-cell--align-right">
                   <span v-html='formatDollars(environment[currentMonthIndex] || 0)'></span>