Add some view structure

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

@@ -0,0 +1,19 @@
+@import ./foundation_and_overrides
+
+.display-row
+  @extend .row
+  .display-label
+    font-weight: bold
+    @media #{$small-only}
+      +grid-column($columns:10, $center:true)
+    @media #{$medium-only}
+      +grid-column($columns:4, $offset:1)
+    @media #{$large-up}
+      +grid-column(3)
+  .display-field
+    @media #{$small-only}
+      +grid-column($columns:10, $center:true, $last-column:true)
+    @media #{$medium-only}
+      +grid-column($columns:4, $last-column:true)
+    @media #{$large-up}
+      +grid-column($columns: 3, $last-column:true)

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

@@ -1,6 +1,9 @@
 @import font-awesome
 @import ./foundation_and_overrides
 .form-actions
+  .form-action-submit
+    +button($bg: $button-submit-color, $padding: $button-sml)
+    margin-right: $button-margin
   a
     &.form-action-index
       +button($bg: $button-index-color, $padding: $button-sml)
@@ -13,6 +16,8 @@
       margin-right: $button-margin
     &.form-action-destroy
       +button($bg: $button-destroy-color, $padding: $button-sml)
+    &.form-action-cancel
+      +button($bg: $button-cancel-color, $padding: $button-sml)
     &.form-action-qr-codes
       +button($bg: $button-qr-code-color, $padding: $button-sml)
       span

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

@@ -0,0 +1,21 @@
+@import ./foundation_and_overrides
+
+.form-row
+  @extend .row
+  .form-label
+    @media #{$small-only}
+      +grid-column($columns:10, $center:true)
+    @media #{$medium-only}
+      +grid-column($columns:4, $offset:1)
+    @media #{$large-up}
+      +grid-column(3)
+  .form-field
+    @media #{$small-only}
+      +grid-column($columns:10, $center:true, $last-column:true)
+    @media #{$medium-only}
+      +grid-column($columns:4, $last-column:true)
+    @media #{$large-up}
+      +grid-column($columns: 3, $last-column:true)
+    &.full
+      @media #{$large-up}
+        +grid-column($columns: 9, $last-column:true)

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

@@ -1255,4 +1255,6 @@ $button-index-color: $secondary-color
 $button-new-color: #afa
 $button-edit-color: #ffa
 $button-destroy-color: #faa
+$button-submit-color: $primary-color
+$button-cancel-color: $secondary-color
 

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

@@ -10,18 +10,18 @@ table
     +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
+.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
+  margin-left: 8px
+  span
+    @extend .fa
+    @extend .fa-times