major usability improvements

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

@@ -1,43 +1,48 @@
-@import font-awesome
 span.icon
   @extend .fa
-  @extend .fa-lg
+  //@extend .fa-lg
+  &.dashboard
+    @extend .fa-list-alt
+  &.menu
+    @extend .fa-coffee
   &.needs-help
     @extend .fa-bell
   &.needs-payment
     @extend .fa-money
+  &.sections
+    @extend .fa-th-large
+  &.tables
+    //@extend .fa-pause
+    width: 16px
+    height: 16px
+    background-image: image-url("icons/table-white.svg")
+  &.lists
+    @extend .fa-sticky-note-o
+  &.employees
+    @extend .fa-users
+  &.schedule
+    @extend .fa-calendar
+  &.settings
+    @extend .fa-gears
+
+  &.section-areas
+    @extend .fa-object-group
+  &.section-elements
+    @extend .fa-image
+// CUSTOM ICONS
+.top-menu
+  .icon.tables
+    background-image: image-url("icons/table-green.svg")
+.active
+  span.icon
+    &.tables
+      background-image: image-url("icons/table-current.svg")
+.side-menu
+  .icon
+// STACK FIXES
 .fa-stack
   .revoke
     color: #b94a48
-
-.button-icon
-  display: inline-block
-  width: 2em
-  height: 2em
-  line-height: 2em
-  vertical-align: middle
-  background-repeat: no-repeat
-  background-position: center center
-.mark-order-active .button-icon
-  background-image: image-url('supplier/order-check.png')
-.mark-order-delivered .button-icon
-  background-image: image-url('supplier/order-doublecheck.png')
-
-//.fa-shifted-stack
-  @extend .fa-stack
-//.fa-shifted-stack
-  position: relative
-  display: inline-block
-  width: 2.5em
-  height: 2em
-  //line-height: 2em
-  vertical-align: middle
-  .fa
-    position: absolute
-    width: 100%
-    left: 20%
-    &:first-child
-      left: -10%
 .fa-shifted-stack .fa-shifted:last-child
   margin-left: -1.15rem
 button, .button