From fe6a14d3cef45b368fce672a8b74a19e817fd1e3 Mon Sep 17 00:00:00 2001
From: Patrick Smith <patrick+dds@promptworks.com>
Date: Sun, 10 Feb 2019 14:07:12 -0500
Subject: [PATCH] Update disabled styles on edit app environments

---
 styles/components/_portfolio_layout.scss    | 5 +++++
 templates/portfolios/applications/edit.html | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss
index 3640dbc1..b781accc 100644
--- a/styles/components/_portfolio_layout.scss
+++ b/styles/components/_portfolio_layout.scss
@@ -116,6 +116,11 @@
       .block-list__footer {
         border-bottom: none;
       }
+      .application-edit__env-list-item {
+        label {
+          color: $color-black;
+        }
+      }
     }
   }
 }
diff --git a/templates/portfolios/applications/edit.html b/templates/portfolios/applications/edit.html
index 9d7761c2..c648f2f7 100644
--- a/templates/portfolios/applications/edit.html
+++ b/templates/portfolios/applications/edit.html
@@ -25,9 +25,9 @@
           <ul>
             {% for environment in application.environments %}
               <li class="application-edit__env-list-item">
-                <div class="usa-input">
+                <div class="usa-input input--disabled">
                   <label>Environment Name</label>
-                  <input type="text" value="{{ environment.name }}" readonly />
+                  <input type="text" disabled value="{{ environment.name }}" readonly />
                 </div>
               </li>
             {% endfor %}