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

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

@@ -32,45 +32,8 @@
 .section-manage-tables
   .dropdown-container
     margin-right: 10px
-    $icon-right-margin: 16px
-    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.qr-icon
-          margin-right: $icon-right-margin
     .section-destroy
       color: $alert-color
-    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
   input
     height: auto
     padding-top: 4px

app/assets/stylesheets/supplier/foundation1/components/_nav_main.sass

@@ -98,3 +98,28 @@ header.top-menu
     @extend .fa
     @extend .fa-bars
     @extend .fa-lg
+
+// CURRENT EMPOYEE NAV
+.current-employee-nav
+  float: right
+  margin-right: 10px
+.dropdown-trigger.gravatar
+  display: inline-block
+  overflow: hidden
+  border-radius: $global-rounded
+
+// SUPPLIER AVAILABILITY
+.supplier-availability
+  border: 2px solid #555
+  border-radius: 4px
+  padding: 5px 3px
+  font-weight: bold
+  font-size: 0.9em
+  float: right
+  margin-right: 8px
+  text-transform: uppercase
+  margin-top: 10px
+  &.currently-open
+    color: #5f5
+  &.currently-closed
+    color: #f55

app/assets/stylesheets/supplier/foundation1/components/suppliers-switcher.sass

@@ -0,0 +1,2 @@
+.suppliers-switcher-container
+  margin-top: 12px