Major usability improvements

app/assets/stylesheets/supplier/foundation1/_ember_dropdown.sass

@@ -13,9 +13,14 @@
       margin-right: 6px
     
   .dropdown-list-container
+    $border-size: 1px
+    $arrow-size: 7px
+    $border-color: #333
+    $background-color: white
+    $right-offset: 16px
     display: none
     text-align: left
-    background-color: white
+    background-color: $background-color
     position: absolute
     right: 0
     margin: 0
@@ -23,18 +28,75 @@
     z-index: 542
     margin-top: 7px
     border-radius: 4px
+    border: $border-size solid $border-color
+    box-shadow: 5px 5px 5px #888888
 
-    &:after
+    // Arrow
+    &:before, &:after
       border: solid transparent
       content: " "
       height: 0
       width: 0
       position: absolute
       pointer-events: none
-      border-width: 6px
-      border-bottom-color: white
       bottom: 100%
-      right: 30px
+    &:after
+      border-width: $arrow-size
+      margin-left: -$arrow-size
+      border-bottom-color: $background-color
+      right: $right-offset + $border-size
+    &:before
+      border-bottom-color: $border-color
+      border-width: $arrow-size + $border-size
+      margin-left: -($arrow-size + $border-size)
+      right: $right-offset
+
+    ul
+      list-style: none
+      margin: 0
+      padding: 0
+    li
+      border-bottom: 1px solid #bbb
+      a
+        font-size: 0.8em
+        display: block
+        padding: 4px 7px
+        &:hover
+          background-color: #ddd
+    span.section-add-tables-icon
+      @extend .fa
+      @extend .fa-plus-square
+      span
+        padding-left: 7px
+    span.section-arrange-tables-icon
+      @extend .fa
+      @extend .fa-th
+      span
+        padding-left: 7px
+    span.section-remove-icon
+      @extend .fa, .fa-trash-o
+      span
+        padding-left: 7px
+    span.section-add-section-element-icon
+      @extend .fa, .fa-image
+      span
+        padding-left: 7px
+    span.section-add-section-area-icon
+      @extend .fa, .fa-square
+      span
+        padding-left: 7px
+    span.settings-icon
+      @extend .fa, .fa-gear
+      span
+        padding-left: 7px
+    span.sign-out-icon
+      @extend .fa, .fa-sign-out
+      span
+        padding-left: 7px
+    span.current-employee-my-account-icon
+      @extend .fa, .fa-user
+      span
+        padding-left: 7px
   &.active
     .dropdown-list-container
       display: block