Many supplier features and style upgrades and fixes

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

@@ -16,10 +16,6 @@ td.boolean
   .boolean-false
     @extend .fa, .fa-lg, .fa-minus
 
-.change-list-table-button
-  +button($bg: $warning-color, $padding: $button-tny)
-  margin: 0
-  margin-bottom: 8px
 .change-list-table-section-tables
   list-style: none
   +clearfix

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

@@ -1,3 +1,4 @@
+// spin-rotate is currently used when clicked on a section-element in a section view
 .spin-rotate
   +animation(spinRotate 2s)
 +keyframes(spinRotate)

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

@@ -1,3 +1,42 @@
 .button-text
   // Only icons for now
   display: none
+.mark-list-as-helped-button
+  +button-icon-only
+  vertical-align: middle
+  padding-left: 8px //do not ask me why, just looks
+  padding-right: 2px //do not ask me why, just looks
+  margin-right: $button-spacing
+  span
+    @extend .fa, .fa-2x, .fa-bell-slash-o
+.mark-order-active-button
+  +button-icon-only
+  margin-right: 0.6em
+.mark-order-delivered-button
+  +button-icon-only
+.show-list-button
+  +button-icon-only
+  vertical-align: middle
+  margin-left: $button-spacing
+.mark-order-cancelled-button
+  +button($bg: $alert-color)
+  +button-icon-only
+  margin-left: $button-spacing
+  span
+    @extend .fa
+    @extend .fa-2x
+    @extend .fa-times
+
+.change-list-table-button
+  +button($bg: $warning-color, $padding: $button-tny)
+  margin: 0
+  margin-bottom: 8px
+.close-list-button
+  +button-icon-only
+  vertical-align: middle
+.remove-list-needs-payment-button
+  +button-icon-only
+  vertical-align: middle
+  padding-left: 8px //do not ask me why, just looks
+  padding-right: 2px //do not ask me why, just looks
+  margin-right: $button-spacing

app/assets/stylesheets/supplier/foundation1/components/_order-buttons.sass

@@ -1,21 +0,0 @@
-.mark-list-as-helped-button
-  +button-icon-only
-  vertical-align: top
-  padding-left: 8px //do not ask me why, just looks
-  padding-right: 2px //do not ask me why, just looks
-  margin-right: $button-spacing
-  span
-    @extend .fa, .fa-2x, .fa-bell-slash-o
-.mark-order-active-button
-  +button-icon-only
-  margin-right: 0.6em
-.mark-order-delivered-button
-  +button-icon-only
-.mark-order-cancelled-button
-  +button($bg: $alert-color)
-  +button-icon-only
-  margin-left: $button-spacing
-  span
-    @extend .fa
-    @extend .fa-2x
-    @extend .fa-times

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

@@ -18,23 +18,41 @@
   min-width: 124px
   select
     width: calc(100% - 30px)
-.active-lists-table
-  width: 100%
-  .show-list
-    +button-icon-only
-    margin-left: $button-spacing
-    span
-      @extend .fa
-      @extend .fa-2x
-      @extend .fa-list
-.remove_list_needs_payment
-  +button-icon-only
-  vertical-align: top
-  padding-left: 8px //do not ask me why, just looks
-  padding-right: 2px //do not ask me why, just looks
-  margin-right: $button-spacing
-.close-list-button
-  +button-icon-only
+= active-list-div($float: left, $padding: 4px)
+  line-height: 50px
+  float: $float
+  display: inline-block
+  vertical-align: middle
+  padding-left: $padding
+  padding-right: $padding
+.active-lists-table, .active-orders-table
+  .row
+    border-bottom: 1px solid #777
+    background-color: white
+    padding: 5px
+  .users-buttons
+    float: left
+  .status-icons
+    font-size: 1.5rem
+    +active-list-div
+    .needs-payment
+      margin-left: 7px
+  .order-display
+    +active-list-div
+  .table-number
+    +active-list-div
+  .link-to-section
+    +active-list-div
+  .currency
+    +active-list-div
+    font-weight: bold
+  .actions
+    +active-list-div(right)
+    button
+      vertical-align: middle
+  .time
+    +active-list-div(right)
+
 .active-orders-table
   width: 100%
 .go-to-orders-list