Cleaned up typographic dominant styling

assets/scripts/app/controllers/env_var.coffee

@@ -17,7 +17,7 @@ Travis.EnvVarController = Ember.ObjectController.extend Travis.Validations,
     else if @get('public')
       @get('model.value')
     else
-      '****************'
+      '••••••••••••••••'
   ).property('model.value')
 
   actions:

assets/scripts/app/templates/env_vars.hbs

@@ -6,13 +6,13 @@
       {{partial 'env_vars/form'}}
     {{else}}
       <li class="env-var">
-        <div class="row">
+        <div class="row env-var-name">
           <span class="label">Name:</span>
           <span class="value">{{name}}</span>
         </div>
-        <div class="row">
+        <div class="row env-var-value">
           <span class="label">Value:</span>
-          <span class="value">{{value}}</span>
+          <span class="value value-display">{{value}}</span>
         </div>
         <div class="actions">
           <a href="#" class="edit-var" {{action "edit"}}>Edit</a>

assets/styles/settings.sass

@@ -85,6 +85,20 @@
     background-size: 20px
     text-indent: -9999px
 
+  .env-var-name
+    span
+      font-size: 18px
+      font-weight: 600
+      color: #5e6872
+
+  .env-var-value
+    span
+      color: #838b8c
+      marin-bottom: 6px
+        
+    .value-display
+      letter-spacing: 2px
+      font-size: 15px
 
   .add-env-var, .add-ssh-key
     color: #ffffff
@@ -166,6 +180,8 @@
   ul.env-vars
     max-width: 500px
   li.env-var
+    margin-top: 20px
+
     .var
       font-size: 13px
       display: inline-block
@@ -173,7 +189,6 @@
 
     .row
       .label
-        width: 35px
         display: inline-block
         text-align: left
         margin-right: 5px