menu and section header progress

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

@@ -1249,6 +1249,11 @@ $secondary-color: #d7d7d7
 
 // CUSTOM VARIABLES
 @import 'foundation'
+
+// Prevent empty columns from collapsing
+.column, .columns
+  min-height: 1px
+
 $button-margin: rem-calc(10)
 $button-qr-code-color: #555
 $button-index-color: $secondary-color

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

@@ -0,0 +1,12 @@
+.edit-currency-container
+  input
+    text-align: right
+  &.error
+    input
+      border-color: $alert-color
+      color: darken($alert-color, 40%)
+    label.prefix
+      background-color: $alert-color
+      color: white
+      font-weight: bold
+

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

@@ -12,6 +12,13 @@
   .modal-destroy
     +button($bg: $alert-color)
     margin-right: 8px
+  .sortable
+    list-style: none
+    .sortable-item-container
+      cursor: pointer
+      .handle
+        @extend .fa, .fa-arrows-v
+        margin-right: 10px
 .modal-alert
   color: $alert-color
 

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

@@ -1,3 +1,4 @@
+//DEPRICATED
 #product-category-list
   list-style: none
   li

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

@@ -1,3 +1,4 @@
+//DEPRICATED
 .row.product_category-container
   margin-bottom: 15px
 .product_category-header
@@ -7,6 +8,7 @@
     @extend .fa
     // @extend .fa-lg
     @extend .fa-arrows
+    margin-right: 8px
   .title
     font-weight: bold
     font-size: 1.3em
@@ -22,6 +24,13 @@
     @extend .fa
     @extend .fa-lg
     @extend .fa-edit
+  .add-product-product-category-button
+    float: right
+    margin-top: 1.2em
+    span
+      @extend .fa
+      @extend .fa-lg
+      @extend .fa-plus
 .product_category-move-row
   .availability
     font-size: 0.8em
@@ -29,3 +38,18 @@
       color: #444
     .time-range
       color: rgb(39, 6, 121)
+
+.menu-product-container
+  .destroy-product-action
+    color: $alert-color
+    margin-right: 12px
+    span
+      @extend .fa
+      @extend .fa-lg
+      @extend .fa-trash
+  .save-product-action
+    color: $success-color
+    span
+      @extend .fa
+      @extend .fa-lg
+      @extend .fa-save

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

@@ -0,0 +1,13 @@
+.sections-header-container
+  .section-header-title
+    padding-right: 0.5em
+    color: #555
+  .section-jumper
+    display: none
+  .active
+    .section-jumper
+      display: inline-block
+      +button($bg: #ddd)
+      margin: 0
+      margin-left: 4px
+      padding: 0 5px