Add push buttons and support inactive products

app/assets/stylesheets/supplier/foundation1/_mixins.sass

@@ -5,3 +5,13 @@
 @mixin table-fit
   width: 1px
   white-space: nowrap
+= button-shadow
+  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1)
+  transition-delay: 0.2s
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26)
+= push-button($bg: $secondary-color, $padding: 10px)
+  +button($bg: $bg)
+  +button-shadow
+  padding: $padding
+  margin: 0
+  border-radius: $global-rounded

app/assets/stylesheets/supplier/foundation1/components/_menu-products.sass

@@ -26,12 +26,20 @@
     .time-range
       color: rgb(39, 6, 121)
   .edit-product-category-button
-    @extend .fa
-    @extend .fa-lg
-    @extend .fa-edit
+    +push-button($bg: $secondary-color, $padding: 5px)
+    color: $warning-color
+    font-size: 0.7em
+    vertical-align: top
+    span
+      @extend .fa
+      @extend .fa-lg
+      @extend .fa-edit
   .add-product-product_category-button
-    float: right
-    margin-top: 1.2em
+    +push-button($bg: $secondary-color)
+    font-size: 0.7em
+    position: absolute
+    right: 10px
+    top: 0.6em
     span
       @extend .fa
       @extend .fa-lg
@@ -45,19 +53,29 @@
       color: rgb(39, 6, 121)
 
 .menu-product-container
+  &.inactive
+    color: #777
   &.editing
     box-shadow: 5px 5px 5px #555
     //border-left: 1px solid rgba(100,100,100,0.3)
     //border-top: 1px solid rgba(100,100,100,0.3)
     margin-left: -5px
     margin-top: -5px
+    margin-bottom: 16px
     background-color: #ccc
     padding: 5px
     z-index: 722
   .highlight
     text-decoration: underline
     font-weight: bold
+  .edit-product-action
+    +push-button($bg: $secondary-color)
+    padding: 4px
+    font-size: 0.7em
+    span
+      @extend .fa, .fa-edit
   .rollback-product-action
+    +push-button($bg: $secondary-color)
     color: $warning-color
     margin-right: 12px
     span
@@ -65,6 +83,7 @@
       @extend .fa-lg
       @extend .fa-undo
   .destroy-product-action
+    +push-button($bg: $secondary-color)
     color: $alert-color
     margin-right: 12px
     span
@@ -76,6 +95,7 @@
   input
     margin-bottom: 0
   .save-product-action
+    +push-button($bg: $secondary-color)
     color: $success-color
     span
       @extend .fa

app/assets/stylesheets/user/foundation/components/_product_categories.sass

@@ -16,6 +16,10 @@ ul.product_category-products
   list-style: none
   margin: 0 0 5px rem-calc(1.0)
 .product_category-products
+  .inactive
+    color: #777
+    a
+      color: #777
   .product-price
     float: right
   .show-product-description