Design and style upgrades

app/assets/stylesheets/supplier/base1-shared/active_lists.css.sass

@@ -0,0 +1,31 @@
+.button-text
+  // Only icons for now
+  display: none
+.active-orders-table
+  .status-icons
+    span
+      display: none
+  .active
+    .status-icons
+      .active-order
+        display: inline-block
+.active-orders-table
+  tbody
+    tr
+      td
+        .active_order_table_number
+          position: relative
+          .extra-list-info
+            // Facebook profiles
+            display: none
+            $extra-info-width: 220px
+            position: absolute
+            width: $extra-info-width
+            // 7px is padding + border, 5px is extra spacing
+            right: -$extra-info-width - 7px*2 - 5px
+            top: -7px*2
+            padding: 4px
+            border: 3px solid #aaa
+            border-radius: 3px
+            background-color: white
+            text-align: left

app/assets/stylesheets/supplier/base1-shared/icons.css.sass

@@ -0,0 +1,38 @@
+@import font-awesome
+span.icon
+  @extend .fa
+  @extend .fa-lg
+  &.needs-help
+    @extend .fa-bell
+  &.needs-payment
+    @extend .fa-money
+.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('icons/order-check.png')
+.mark-order-delivered .button-icon
+  background-image: image-url('icons/order-doublecheck.png')
+
+.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%