Product error handling

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

@@ -1,10 +1,12 @@
 .modal
   margin: 10px auto
   width: 600px
+  max-width: 100%
   background-color: #fff
   padding: 1em
   max-height: calc(100% - 20px)
   overflow-y: scroll
+  z-index: 6524
   .modal-close
     +button($bg: #ddd)
   .modal-confirm
@@ -29,6 +31,7 @@
   top: 0
   left: 0
   background-color: rgba(0, 0, 0, 0.5)
+  z-index: 6522
 
 .flush--top
   margin-top: 0

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

@@ -1,6 +1,11 @@
 //DEPRICATED
 .row.product_category-container
   margin-bottom: 15px
+
+.products-menu-filters-container
+  float: right
+  width: 200px
+
 .product_category-header
   border-top: 1px solid #ccc
   border-bottom: 1px solid #ccc
@@ -40,6 +45,9 @@
       color: rgb(39, 6, 121)
 
 .menu-product-container
+  .highlight
+    text-decoration: underline
+    font-weight: bold
   .destroy-product-action
     color: $alert-color
     margin-right: 12px
@@ -47,6 +55,10 @@
       @extend .fa
       @extend .fa-lg
       @extend .fa-trash
+  .error
+    color: $alert-color
+  input
+    margin-bottom: 0
   .save-product-action
     color: $success-color
     span