From 3daf7023021d27184e369542bd3a8790c461751b Mon Sep 17 00:00:00 2001
From: luis cielak <luis+dds@promptworks.com>
Date: Wed, 22 Aug 2018 11:48:15 -0400
Subject: [PATCH] Begin styling environmnet item

---
 styles/elements/_icons.scss          | 4 ++++
 templates/workspace_project_new.html | 9 +++------
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/styles/elements/_icons.scss b/styles/elements/_icons.scss
index 34b35a8c..b0f435fe 100644
--- a/styles/elements/_icons.scss
+++ b/styles/elements/_icons.scss
@@ -49,4 +49,8 @@
   &.icon--large {
     @include icon-size(24);
   }
+
+  &.icon--remove {
+    @include icon-color($color-red);
+  }
 }
diff --git a/templates/workspace_project_new.html b/templates/workspace_project_new.html
index 68a5805f..aac5c7a9 100644
--- a/templates/workspace_project_new.html
+++ b/templates/workspace_project_new.html
@@ -27,20 +27,17 @@
       <div class="block-list project-list-item">
         <header class="block-list__header">
           <h2 class="block-list__title">Project Environments</h2>
-
           {{ Tooltip(
             "Each environment created within a project is an enclave of cloud resources that is logically separated from each other for increased security.",
             title="learn more"
           )}}
-
         </header>
 
         <ul>
-          <li v-for="(_, i) in environments" class="block-list__item project-list-item__environment">
-            <span class="project-list-item__environment">
+          <li v-for="(_, i) in environments" class="block-list__item">
               {{ TextInput(form.environment_name) }}
-            </span>
-            <span v-on:click="removeEnvironment(i)">{{ Icon('x') }} Remove</span>
+              <span class="icon-link icon-link--danger icon-link--vertical" v-on:click="removeEnvironment(i)">{{ Icon('x') }} Remove</span>
+
           </li>
         </ul>