styling progress

app/assets/stylesheets/supplier/foundation1/form_actions.css.sass

@@ -0,0 +1,23 @@
+@import font-awesome
+@import ./foundation_and_overrides
+.form-actions
+  a
+    &.form-action-index
+      +button($bg: $button-index-color, $padding: $button-sml)
+      margin-right: $button-margin
+    &.form-action-new
+      +button($bg: $button-new-color, $padding: $button-sml)
+      margin-right: $button-margin
+    &.form-action-edit
+      +button($bg: $button-edit-color, $padding: $button-sml)
+      margin-right: $button-margin
+    &.form-action-destroy
+      +button($bg: $button-destroy-color, $padding: $button-sml)
+    &.form-action-qr-codes
+      +button($bg: $button-qr-code-color, $padding: $button-sml)
+      span
+        @extend .fa
+        @extend .fa-qrcode
+        @extend .fa-lg
+        &:before
+          padding-right: rem-calc(10)

app/assets/stylesheets/supplier/foundation1/foundation_and_overrides.css.sass

@@ -1,6 +1,10 @@
 @mixin button-icon-only
   padding: 2px 5px
   margin: 0
+
+@mixin table-fit
+  width: 1px
+  white-space: nowrap
 // Foundation by ZURB
 // foundation.zurb.com
 // Licensed under MIT Open Source
@@ -320,7 +324,6 @@ $secondary-color: #d7d7d7
 //
 
 // $include-html-button-classes: $include-html-classes;
-
 // We use these to build padding for buttons.
 // $button-tny: rem-calc(10);
 // $button-sml: rem-calc(14);
@@ -1243,4 +1246,13 @@ $secondary-color: #d7d7d7
 // $range-slider-handle-round: $global-rounded;
 // $range-slider-handle-bg-hover-color: scale-color($primary-color, $lightness: -12%);
 // $range-slider-handle-cursor: pointer;
+
+// CUSTOM VARIABLES
 @import 'foundation'
+$button-margin: rem-calc(10)
+$button-qr-code-color: #555
+$button-index-color: $secondary-color
+$button-new-color: #afa
+$button-edit-color: #ffa
+$button-destroy-color: #faa
+

app/assets/stylesheets/supplier/foundation1/products_preview.css.sass

@@ -1,3 +1,4 @@
+@import ./foundation_and_overrides
 .products_preview-date
   .products_preview-time-container
   float: left
@@ -15,3 +16,5 @@
   margin-left: 10px
   select
     width: 50px
+#products-table
+  width: 100%

app/assets/stylesheets/supplier/foundation1/structure.css.sass

@@ -1,9 +1,6 @@
 $side-spacing: 0px
 @import constants
 @import ./foundation_and_overrides
-@mixin table-fit
-  width: 1px
-  white-space: nowrap
 html
 body
   label
@@ -54,7 +51,7 @@ form
 .clear
   clear: both
 body
-  background-image: $wood
+  background-image: $wood !important
   background-repeat: repeat
 main.main-section
   +panel($bg:rgba(200,200,200,0.8))
@@ -64,12 +61,3 @@ main.main-section
 
 .hide, .hidden
   display: none
-table
-  &.table
-    // Bootstrap behaviour
-    width: 100%
-  td.actions, th.actions
-    text-align: right
-    +table-fit
-  th.status-icons, td.status-icons
-    +table-fit

app/assets/stylesheets/supplier/foundation1/tables.css.sass

@@ -0,0 +1,27 @@
+@import constants
+@import ./foundation_and_overrides
+@import font-awesome
+table
+  &.table
+    // Bootstrap behaviour
+    width: 100%
+  td.actions, th.actions
+    text-align: right
+    +table-fit
+  th.status-icons, td.status-icons
+    +table-fit
+  .table-edit
+    +button($bg: $secondary-color)
+    +button-icon-only
+    span
+      @extend .fa
+      @extend .fa-pencil
+  .table-destroy
+    +button($bg: $secondary-color)
+    +button-icon-only
+    color: $warning-color
+
+    margin-left: 8px
+    span
+      @extend .fa
+      @extend .fa-times