Improved user product category layout

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

@@ -7,7 +7,6 @@
 @import ./qmodal
 @import ./display_fields
 @import ./qproduct_orders
-@import ./qproduct_categories
 @import ./form_additions
 @import ./qindex
 @import ./qlists

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

@@ -1,14 +1,20 @@
+.product-category-container
+  border-top: 1px solid #ddd
+  border-bottom: 1px solid #ddd
+  margin-bottom: 5px
+  h4.product_category-title
+    cursor: pointer
+    margin-bottom: 5px
+    .icon
+      @extend .fa
+      @extend .fa-arrow-down
+      color: #ccc
+      padding-right: 10px
+      &.collapsed
+        @extend .fa-arrow-right
 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
+  margin: 0 0 5px rem-calc(1.0)
 .product_category-products
   .product-price
     float: right