From d3cfceaf9418681133ff11eb4a10699bdde39e53 Mon Sep 17 00:00:00 2001
From: summerscope <summerscope@gmail.com>
Date: Fri, 25 Jul 2014 17:29:15 +1000
Subject: [PATCH] Producer tab on shopfront tweaks - add producer icon and
 better classes for responsive

---
 app/assets/stylesheets/darkswarm/tabs.css.sass | 9 +++++++++
 app/views/shopping_shared/_producers.html.haml | 6 +++---
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/darkswarm/tabs.css.sass b/app/assets/stylesheets/darkswarm/tabs.css.sass
index f30daaee17..a128394e75 100644
--- a/app/assets/stylesheets/darkswarm/tabs.css.sass
+++ b/app/assets/stylesheets/darkswarm/tabs.css.sass
@@ -16,6 +16,15 @@
   @include box-shadow(inset 0 2px 3px 0 rgba(0,0,0,0.15))
   display: block
   color: $dark-grey
+  .header
+    text-align: center
+    text-transform: uppercase
+    color: $dark-grey
+    border-bottom: 1px solid $disabled-dark
+    margin-top: 0.75rem
+    margin-bottom: 0.75rem
+    padding-bottom: 0.25rem
+    font-size: 0.875rem
 
   .panel
     border-color: $clr-brick-bright
diff --git a/app/views/shopping_shared/_producers.html.haml b/app/views/shopping_shared/_producers.html.haml
index 4c34ae917d..d6ff09be4c 100644
--- a/app/views/shopping_shared/_producers.html.haml
+++ b/app/views/shopping_shared/_producers.html.haml
@@ -1,8 +1,8 @@
 .content#producers{"ng-controller" => "ProducersTabCtrl"}
   .row
     .small-12.columns.panel
-      %h5 
-        {{CurrentHub.hub.name}}'s producers:
-      %ul.bullet-list
+      %h5 {{CurrentHub.hub.name}}'s producers:
+      %ul.small-block-grid-2.large-block-grid-4
         %li{"ng-repeat" => "enterprise in CurrentHub.hub.producers"}
+          %i.ofn-i_036-producers
           = render partial: "modals/producer"