Make user app better and more simple :happy:

app/assets/stylesheets/user/foundation/foundation_and_overrides.css.sass

@@ -1,3 +1,6 @@
+@mixin button-icon-only
+  padding: 2px 5px
+  margin: 0
 // Foundation by ZURB
 // foundation.zurb.com
 // Licensed under MIT Open Source
@@ -58,6 +61,7 @@
 // $primary-color: #008CBA;
 $primary-color: green
 // $secondary-color: #e7e7e7;
+$secondary-color: #d7d7d7
 // $alert-color: #f04124;
 // $success-color: #43AC6A;
 // $warning-color: #f08a24;

app/assets/stylesheets/user/foundation/product-orders.css.sass

@@ -1,13 +1,19 @@
+@import foundation_and_overrides
+@import font-awesome
 ul.product-orders
   list-style: none
   li
     border-bottom: 1px solid #ccc
+    padding: 5px 0
     &.total
       border-bottom: none
       border-top: 4px solid #333
       font-weight: bold
     .product_order-remove
-      color: black
-      background-color: #bbb
-      padding: 0px 5px
+      +button-style($bg:$secondary-color)
+      +button-icon-only
+      //+button-size($padding:$button-tny)
       margin-left: 5px
+      .icon
+        @extend .fa
+        @extend .fa-times

app/assets/stylesheets/user/foundation/product_categories.css.sass

@@ -1,2 +1,12 @@
+@import font-awesome
 ul.product_category-products
   list-style: none
+.product_category-title
+  cursor: pointer
+  .icon
+    @extend .fa
+    @extend .fa-arrow-down
+    color: #ccc
+    padding-right: 10px
+    &.collapsed
+      @extend .fa-arrow-right