major usability improvements

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

@@ -21,33 +21,40 @@ header.top-menu
         float: left
         @media #{$medium-up}
           padding-left: 14px
+          a
+            span.icon
+              display: none
+        @media #{$large-up}
+          a
+            span.icon
+              display: inline-block
+              margin-right: 4px
         a
           padding-left: 16px
-  .menu-list-item
-    margin-left: 20px
-    cursor: pointer
-    border: 0.08em solid #eee
-    padding: 5px
-    border-radius: 0.1em
-    display: inline-block
-    line-height: 1em
-    margin-top: 10px
-    color: #999
-    &.active
-      color: yellow
-      border-color: yellow
-      &.callout
-        color: #f70
-        border-color: #f70
-    @media #{$medium-only}
-      margin-left: 8px
-    @media #{$small-only}
-      margin-left: 5px
-  .supplier-is-closed-indication
-    float: right
-    margin-right: 8px
-    &.is-open
-      line-height: 60px
+          &.active
+            text-decoration: underline
+            font-weight: bold
+            color: $current-color
+          @media #{$small-only}
+            span
+              display: none
+              &.icon
+                display: inline-block
+            &.active
+              span.icon
+                color: $current-color
+        .top-menu-root
+          display: inline-block
+          line-height: normal
+          padding: 4px
+          //margin-left: 14px
+          border-radius: 4px
+          &.active
+            background-color: $current-color
+          img
+            display: inline-block
+            margin: 0
+            padding: 0
   .supplier-name
     display: inline-block
     float: right

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

@@ -23,9 +23,8 @@
     .title
       border-bottom: 1px solid #aaa
       margin-bottom: 4px
-  .settings-icon
+  .icon.settings
     margin-right: 18px
-    @extend .fa, .fa-gears
   .about-mozo-icon
     margin-right: 18px
     @extend .fa, .fa-info-circle
@@ -34,6 +33,8 @@
     margin-right: 18px
   .fa
     margin-right: 18px
+  a.active
+    color: $current-color
 .supplier-close-shop
   +alert($bg: $alert-color, $radius: true)
   padding: 3px