From aa8986d8a215452fbc69b27ff18ed818b9deabc1 Mon Sep 17 00:00:00 2001
From: Patrick Smith <patrick+dds@promptworks.com>
Date: Sun, 10 Feb 2019 13:17:05 -0500
Subject: [PATCH] Update display of application environments on edit/new app
 page

---
 styles/components/_portfolio_layout.scss    | 8 ++++++++
 templates/portfolios/applications/edit.html | 6 +++---
 templates/portfolios/applications/new.html  | 6 +++---
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss
index f7008d77..73e554d5 100644
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -108,6 +108,14 @@
       border-top: none;
       border-bottom: none;
     }
+
+    .application-list-item {
+      ul {
+        padding-left: 0;
+      }
+      .application-edit__env-list-item {
+      }
+    }
   }
 }
 
diff --git a/templates/portfolios/applications/edit.html b/templates/portfolios/applications/edit.html
index 357872cf..947903ab 100644
--- a/templates/portfolios/applications/edit.html
+++ b/templates/portfolios/applications/edit.html
@@ -14,8 +14,8 @@
 
         {% include "fragments/edit_application_form.html" %}
 
-        <div class="block-list application-list-item">
-          <header class="block-list__header--grow">
+        <div class="application-list-item">
+          <header>
             <h2 class="block-list__title">{{ 'portfolios.applications.environments_heading' | translate }}</h2>
             <p>
               {{ 'portfolios.applications.environments_description' | translate }}
@@ -24,7 +24,7 @@
 
           <ul>
             {% for environment in application.environments %}
-              <li class="block-list__item application-edit__env-list-item">
+              <li class="application-edit__env-list-item">
                 <div class="usa-input">
                   <label>Environment Name</label>
                   <input type="text" value="{{ environment.name }}" readonly />
diff --git a/templates/portfolios/applications/new.html b/templates/portfolios/applications/new.html
index 2b2e458b..00c8dae2 100644
--- a/templates/portfolios/applications/new.html
+++ b/templates/portfolios/applications/new.html
@@ -45,8 +45,8 @@
             </div>
           </div>
 
-          <div class="block-list application-list-item">
-            <header class="block-list__header--grow">
+          <div class="application-list-item">
+            <header>
               <h2 class="block-list__title">{{ 'portfolios.applications.environments_heading' | translate }}</h2>
               <p>
                 {{ 'portfolios.applications.environments_description' | translate }}
@@ -54,7 +54,7 @@
             </header>
 
             <ul>
-              <li v-for="(environment, i) in environments" class="block-list__item application-edit__env-list-item">
+              <li v-for="(environment, i) in environments" class="application-edit__env-list-item">
                 <div class="usa-input">
                   <label :for="'environment_names-' + i">Environment Name</label>
                   <input type="text" :id="'environment_names-' + i" v-model="environment.name" placeholder="e.g. Development, Staging, Production"/>