Improved user product category layout

app/assets/javascripts/user/app/templates/product_orders.emblem

@@ -1,5 +1,3 @@
-hr.hide-for-medium-up
-.clearfix
 .panel
   ul.product-orders
     each product_order in product_orders

app/assets/javascripts/user/app/templates/table.emblem

@@ -14,15 +14,14 @@
   if tableCanTakeOrders
     .large-6.columns
       each product_category in supplier.product_categories
+        .product-category-container
           if product_category.products
-          hr
             h4.product_category-title{action "toggleProductCategory" product_category}
               if product_category.collapsed
                 span.icon.collapsed
               else
                 span.icon
               = product_category.name
-          hr
             unless product_category.collapsed
               ul.product_category-products
                 each product in product_category.products
@@ -41,9 +40,8 @@
     .large12
       each product_category in supplier.product_categories
         if product_category.products
-          hr
+          .product_category-container
-          h4= product_category.name
+            h4.product-category-title= product_category.name
-          hr
             ul.product_category-products
               each product in product_category.products
                 li class="order-product-#{unbound product.id}"

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