supplier menu progress

app/assets/stylesheets/supplier/foundation1/components/_forms.css.sass

@@ -7,6 +7,8 @@
       +grid-column($columns:4, $offset:1)
     @media #{$large-up}
       +grid-column(3)
+    &.half
+      +grid-column(6)
   .form-field
     @media #{$small-only}
       +grid-column($columns:10, $center:true, $last-column:true)
@@ -21,6 +23,8 @@
         +grid-column($columns:6, $last-column:true)
       @media #{$large-up}
         +grid-column($columns: 9, $last-column:true)
+    &.half
+      +grid-column(6)
   &.form-actions
     padding-top: 12px
 body

app/assets/stylesheets/supplier/foundation1/components/_modal.css.sass

@@ -0,0 +1,18 @@
+.modal
+  margin: 10px auto
+  width: 600px
+  background-color: #fff
+  padding: 1em
+.modal-alert
+  color: $alert-color
+
+.overlay
+  height: 100%
+  width: 100%
+  position: fixed
+  top: 0
+  left: 0
+  background-color: rgba(0, 0, 0, 0.5)
+
+.flush--top
+  margin-top: 0

app/assets/stylesheets/supplier/foundation1/components/_products_menu.css.sass

@@ -0,0 +1,29 @@
+.product_category-header
+  border-top: 1px solid #ccc
+  border-bottom: 1px solid #ccc
+  .move
+    @extend .fa
+    // @extend .fa-lg
+    @extend .fa-arrows
+  .title
+    font-weight: bold
+    font-size: 1.3em
+  .availability
+    font-size: 0.8em
+    padding-left: 1em
+    padding-right: 1em
+    .day-names
+      color: #444
+    .time-range
+      color: rgb(39, 6, 121)
+  .edit-product-category-button
+    @extend .fa
+    @extend .fa-lg
+    @extend .fa-edit
+.product_category-move-row
+  .availability
+    font-size: 0.8em
+    .day-names
+      color: #444
+    .time-range
+      color: rgb(39, 6, 121)