began styling of edit and delete actions

assets/scripts/app/templates/env_vars.hbs

@@ -18,8 +18,8 @@
     <p>
       Name: {{name}}<br/>
       Value: {{value}}<br/>
-      <a href="#" {{action "edit"}}>Edit</a>
-      <a href="#" {{action "delete"}}>Delete</a>
+      <a href="#" class="edit_var"{{action "edit"}}>Edit</a>
+      <a href="#" class="delete_var"{{action "delete"}}>Delete</a>
     </p>
   {{/if}}
 {{/each}}

assets/styles/settings.sass

@@ -40,6 +40,7 @@ a.env_var_add
   padding: 8px 12px 8px 12px
   font-size: 13px
   line-height: 70px
+  cursor: pointer
 
 input.env-name
   margin-left: 6px
@@ -77,4 +78,24 @@ a.cancel-env-var
 
 input[type="checkbox"]
   display: inline-block
-  vertical-align: middle
+  vertical-align: middle
+
+a.edit_var
+  display: inline-block
+  margin: 6px 0 15px 0
+  color: #ffffff
+  background-color: #bcbcbb
+  border-radius: 4px
+  padding: 4px 15px 4px 15px
+  font-size: 13px
+  cursor: pointer
+
+a.delete_var
+  display: inline-block
+  margin: 6px 0 15px 0
+  color: #ffffff
+  background-color: #932828
+  border-radius: 4px
+  padding: 4px 15px 4px 15px
+  font-size: 13px
+  cursor: pointer