Fix env vars css on chrome, align forms

assets/scripts/app/templates/env_vars/_form.hbs

@@ -10,7 +10,7 @@
       {{input value=value class="env-value" placeholder="Value"}}
     </div>
   {{else}}
-    <span class="value value-display">{{value}}</span>
+    <span class="value value-display secure">{{value}}</span>
   {{/if}}
   <div style="clear: both"></div>
   <div class="field">

assets/styles/settings.sass

@@ -166,7 +166,7 @@
 
   .edit-var
     display: inline-block
-    margin: 6px 0 7px 0
+    margin: 6px 10px 7px 0
     color: #ffffff
     background-color: #bcbcbb
     border-radius: 4px
@@ -190,21 +190,11 @@
   .delete-var:hover, .delete-ssh-key:hover
     background-color: #820b0b
 
-  ul.env-vars
+  form.env-var
-    display: block
-  li.env-var
-    margin: 10px 40px 0 0
-    padding-bottom: 10px
-    overflow: auto
-    display: flex
-    align-items: center
-    justify-content: center
-    border-bottom: 1px solid #F1F1F1
     width: 100%
-
+    margin-top: 20px
-    form
+    margin-bottom: 30px
-      width: 100%
+    border-bottom: 1px solid #f1f1f1
-      margin-top: 0
     label.name, label.value
       display: none
 
@@ -215,13 +205,17 @@
       float: left
       padding-bottom: 0
       height: 33px
+      line-height: 33px
 
     span.equals
       float: left
       display: block
+      line-height: 33px
+      margin: 0 10px 0 14px
 
     .field.name
-        width: 20%
+      width: 242px
+      margin-bottom: 10px
       input
         width: 97%
     .field.value
@@ -231,6 +225,28 @@
     .actions
       margin-bottom: 10px
 
+  ul.env-vars
+    display: block
+  li.env-var
+    margin: 10px 40px 0 0
+    padding-bottom: 10px
+    overflow: auto
+    display: flex
+    display: -webkit-flex
+    display: -moz-flex
+    -webkit-align-items: center
+    -moz-align-items: center
+    align-items: center
+    justify-content: left
+    -webkit-justify-content: left
+    -moz-justify-content: left
+    border-bottom: 1px solid #F1F1F1
+    width: 100%
+
+    form.env-var
+      margin-bottom: 6px
+      border-bottom: none
+
     .var
       font-size: 13px
       display: inline-block
@@ -259,5 +275,7 @@
       text-align: left
 
     span.value
-      width: 400px
+      width: auto
       text-align: left
+      min-width: 158px
+      max-width: 450px