References #24 - Added new stylings to links on control bar.

app/assets/stylesheets/controls.sass

@@ -1,25 +1,43 @@
 @import "variables"
 
+.control-middle
+  padding: 5px 10px 5px 10px
+  box-shadow: #676767 0px 2px 2px 0px
+  border-width: 1px
+  border-style: solid
+  border-color: #000
+.control-left
+  @extend .control-middle
+  border-radius: 7px 0px 0px 7px
+.control-right
+  @extend .control-middle
+  border-radius: 0px 7px 7px 0px
+.control-standalone
+  @extend .control-middle
+  border-radius: 7px 7px 7px 7px
+
 #control-bar
+  font-family: Arial
+  font-size: 12px
   position: relative
   top: -8px
   left: -8px
-  height: 30px
+  height: 40px
   margin-right: -16px
-  background-color: $dark-theme-dark-grey
+  background-color: $dark-theme-medium-grey
   color: $color-light-grey
   a
     color: $color-light-grey
     &:hover
       color: $color-light-medium-grey
   #controls-left
     position: absolute
-    top: 5px
-    left: 20px
+    top: 12px
+    left: 10px
   #controls-right
     position: absolute
-    top: 5px
-    right: 20px
+    top: 12px
+    right: 10px
   #recent-thought-walls
     background-color: $dark-theme-dark-grey
     opacity: 0.0

app/views/controls/_control_bar.haml

@@ -1,9 +1,8 @@
 #control-bar
   #controls-left
-    =link_to "recent lists", "javascript:;", id: "recent-thought-walls-link"
-    |
-    =link_to "new brainstorm", "/"
+    =link_to "new", "/", class: "control-left"
+    =link_to "something", "#", class: "control-middle"
+    =link_to "recent", "javascript:;", id: "recent-thought-walls-link", class: "control-right"
+    #recent-thought-walls
   #controls-right
-    =link_to ".CSV", export_thought_wall_path(@thought_wall.code, format: "csv")
-
-  #recent-thought-walls
+    =link_to ".CSV", export_thought_wall_path(@thought_wall.code, format: "csv"), class: "control-standalone"