Design and style upgrades

app/assets/javascripts/supplier/app/templates/active_list.emblem

@@ -1,14 +1,21 @@
 td.list-status
   if view.content.needs_help
-    span.list-needs-help-indicator ?
+    span.icon.needs-help
   if view.content.needs_payment
-    span.list-needs-payment-indicator €
+    |  
+    span.icon.needs-payment
 td.numeric.table_number {{view.content.table_number}}
 td.section_title {{view.content.section.title}}
 td.currency.total_list_amount {{currency view.content.price}}
 td.actions
   if view.content.needs_help
-    button.btn.btn-info.mark_list_as_helped{ action markListAsHelped view.content.id} {{t 'list.is_helped_button'}}
-  button.btn.btn-warning.close_list{ action closeList view.content.id} {{t 'list.close_list' }}
-  a.btn href="/supplier/lists/{{unbound view.content.id}}"
+    button.mark_list_as_helped{ action markListAsHelped view.content.id}
+      span.fa-stack
+        i.fa.fa-bell.fa-stack-1x
+        i.fa.fa-ban.fa-stack-2x.revoke
+      span.button-text=t 'list.is_helped_button'
+  button.close_list{ action closeList view.content.id}
+    span.fa.fa-times.fa-2x
+    span.button-text=t 'list.close_list'
+  a.btn.hide href="/supplier/lists/{{unbound view.content.id}}"
     span.icon-list  

app/assets/javascripts/supplier/app/templates/active_order.emblem

@@ -1,3 +1,5 @@
+td.status-icons
+  span.active-order.fa.fa-check.fa-lg
 td {{view.content.display}}
 td.numeric.table_number
   view Qsupplier.App.ActiveOrderTableNumberView contextBinding=view.content
@@ -5,5 +7,17 @@ td.section_title {{view.content.section.title}}
 td.currency {{currency view.content.total }}
 td.actions
   if view.content.placed
-    button.btn.btn-success{ action markOrderActive view.content.id} {{t 'order.being_processed'}}
-  button.btn.btn-inverse{ action markOrderDelivered view.content.id} {{t 'order.being_served' }}
+    button{ action markOrderActive view.content.id}
+      span.fa.fa-check.fa-2x
+      span.button-text=t 'order.being_processed'
+    button.hide.mark-order-active{ action markOrderActive view.content.id}
+      span.button-icon
+      span.button-text=t 'order.being_processed'
+  button{ action markOrderDelivered view.content.id}
+    span.fa-shifted-stack
+      i.fa.fa-check.fa-2x
+      i.fa.fa-check.fa-2x
+    span.button-text= t 'order.being_served'
+  button.hide.mark-order-delivered{ action markOrderDelivered view.content.id}
+    span.button-icon
+    span.button-text= t 'order.being_served'

app/assets/javascripts/supplier/app/templates/index.emblem

@@ -21,6 +21,7 @@
   table.active-orders-table.table
     thead
       tr
+        th.status-icons
         th {{t 'models.order'}}
         th.numeric {{t 'table_number'}}
         th {{t 'models.section'}}