From d1de40d9184ecca3db73e91775cbc919ea103388 Mon Sep 17 00:00:00 2001
From: Justine Arreche <justinearreche@gmail.com>
Date: Tue, 19 Aug 2014 15:29:02 +0200
Subject: [PATCH] Cleaned up typographic dominant styling

---
 assets/scripts/app/controllers/env_var.coffee |  2 +-
 assets/scripts/app/templates/env_vars.hbs     |  6 +++---
 assets/styles/settings.sass                   | 17 ++++++++++++++++-
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/assets/scripts/app/controllers/env_var.coffee b/assets/scripts/app/controllers/env_var.coffee
index ee46f294..6b702d8e 100644
--- a/assets/scripts/app/controllers/env_var.coffee
+++ b/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:
diff --git a/assets/scripts/app/templates/env_vars.hbs b/assets/scripts/app/templates/env_vars.hbs
index 20cef410..42500ac1 100644
--- a/assets/scripts/app/templates/env_vars.hbs
+++ b/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>
diff --git a/assets/styles/settings.sass b/assets/styles/settings.sass
index 2c36f696..1c726b22 100644
--- a/assets/styles/settings.sass
+++ b/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