supplier menu progress

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

@@ -13,5 +13,4 @@
 @import ./qsections
 @import ./section_tab_headers
 @import ./qlists
-@import ./qmodal
 @import ./ember_dropdown

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

@@ -1,6 +1,6 @@
 .modal
   margin: 10px auto
-  width: 500px
+  width: 600px
   background-color: #fff
   padding: 1em
 .modal-alert
@@ -12,7 +12,7 @@
   position: fixed
   top: 0
   left: 0
-  background-color: rgba(0, 0, 0, 0.2)
+  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)