responsive fixes for supplier

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

@@ -17,6 +17,7 @@
     span
       width: 32px
       height: 32px
-td .colorbox-container span
+
+td .colorbox-container span, .colorbox .colorbox-container span
   width: 16px
   height: 16px

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

@@ -1,6 +1,6 @@
 .modal
   margin: 10px auto
-  width: 600px
+  width: 800px
   max-width: 100%
   background-color: #fff
   padding: 1em

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

@@ -18,30 +18,30 @@ header.top-menu
       line-height: 48px
       &.main-buttons
         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
           &.active
             text-decoration: underline
             font-weight: bold
             color: $current-color
-          @media #{$small-only}
+            span.icon
+              color: $current-color
+          @media (min-width: 972px)
+            span.icon
+              margin-right: 8px
+              display: inline-block
+          @media (max-width: 972px)
+            span
+              display: inline-block
+              &.icon
+                display: none
+          @media (max-width: 836px)
             span
               display: none
               &.icon
                 display: inline-block
-            &.active
-              span.icon
-                color: $current-color
+          @media (max-width: 560px)
+            display: none
         .top-menu-root
           display: inline-block
           line-height: normal

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

@@ -44,7 +44,3 @@ span.qr-icon
   span
     @extend .fa
     @extend .fa-times
-.section-dashboard-orders
-  +button($bg: $secondary-color)
-  +button-icon-only
-  margin-right: 0.7rem

app/assets/stylesheets/supplier/foundation1/resources/_employees.sass

@@ -0,0 +1,33 @@
+.employee-row
+  $row-background-color: white
+  background-color: $row-background-color
+  border-bottom: 1px solid #aaa
+  padding: 8px 0
+  .colorbox
+    display: inline-block
+    margin-right: 8px
+  .employee-is-manager
+    margin-right: 8px
+    .icon
+      @extend .fa
+      @extend .fa-asterisk
+    &.is-not-manager
+      .icon
+        color: $row-background-color !important
+  .employee-name
+    display: inline-block
+    padding-right: 12px
+    min-width: 144px
+
+  &.inactive
+    a
+      color: #999
+    .colorbox
+      .colorbox-container
+        span
+          opacity: 0.2
+    .employee-is-manager
+      .icon
+        opacity: 0.3
+  &:last-of-type
+    margin-bottom: 20px

app/assets/stylesheets/supplier/foundation1/resources/_lists.sass

@@ -0,0 +1,43 @@
+$list-row-background-color: white
+.lists-route
+  .picker__button--clear
+    display: none
+.list-row
+  background-color: $list-row-background-color
+  border-bottom: 1px solid #aaa
+  padding: 8px 0
+  &.active
+    background-color: #ffa
+  &:last-of-type
+    margin-bottom: 20px
+  .boolean
+    display: inline-block
+    min-width: 26px
+  .timestamp
+    display: inline-block
+    min-width: 140px
+  .state
+    display: inline-block
+    min-width: 110px
+  .table-number
+    display: inline-block
+    min-width: 110px
+.list-row-total
+  background-color: $list-row-background-color
+  margin-top: 8px
+  font-weight: bold
+  padding: 8px 0
+  .total-sentence
+    padding-right: 8px
+
+span.boolean
+  .boolean-true
+    @extend .fa, .fa-check
+  &.needs-help
+    .boolean-true
+      @extend .fa
+      @extend .fa-bell
+  &.needs-payment
+    .boolean-true
+      @extend .fa
+      @extend .fa-money

app/assets/stylesheets/supplier/foundation1/resources/_section_tables.sass

@@ -3,9 +3,6 @@
   margin-right: 7px
   span
     @extend .fa-lg
-.section-title
-  font-size: 24px
-  padding: 4px 0px
 .section-manage-tables
   margin: -40px 6px 4px 6px
   min-width: 470px

app/assets/stylesheets/supplier/foundation1/resources/_sections.sass

@@ -1,3 +1,22 @@
-.sections-route
-  .picker__button--clear
-    display: none
+$section-row-background-color: white
+.section-row
+  background-color: $section-row-background-color
+  border-bottom: 1px solid #aaa
+  padding: 8px 0
+  .section-title
+    display: inline-block
+    min-width: 140px
+  .section-dimensions
+    display: inline-block
+    min-width: 80px
+  .table-qr-codes
+    +button($bg: $secondary-color, $padding: $button-tny)
+    margin: 0
+    .translation
+      display: none
+    .qr-icon
+      @extend .fa-lg
+  .section-dashboard-orders
+    +button($padding: $button-tny)
+    margin: 0
+    margin-right: 0.7rem