From 23182a90260277fac7fdd0529d1eff2b62cb66e5 Mon Sep 17 00:00:00 2001
From: summerscope <summerscope@gmail.com>
Date: Fri, 11 Jul 2014 13:10:22 +1000
Subject: [PATCH] Grid system layout for filter buttons for all sizes and
 breakpoints

---
 app/views/home/_filters.html.haml          | 4 ++--
 app/views/producers/_filters.html.haml     | 2 +-
 app/views/shop/products/_filters.html.haml | 5 +++--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/views/home/_filters.html.haml b/app/views/home/_filters.html.haml
index 19976cbe34..78d755f1bc 100644
--- a/app/views/home/_filters.html.haml
+++ b/app/views/home/_filters.html.haml
@@ -7,14 +7,14 @@
         %h5.tdhead 
           .light Filter by
           Type
-        %ul.small-block-grid-2.large-block-grid-5
+        %ul.small-block-grid-2.medium-block-grid-4.large-block-grid-5
           %taxon-selector{objects: "hubs | hubs:query", 
             results: "activeTaxons"}
       .small-12.large-3.columns
         %h5.tdhead 
           .light Filter by
           Delivery
-        %ul.small-block-grid-2.large-block-grid-1
+        %ul.small-block-grid-2.medium-block-grid-4.large-block-grid-2
           %shipping-type-selector{results: "shippingTypes"} 
     .row.filter-box.animate-show{"ng-show" => "filtersActive && totalActive() > 0"}
       .small-12.columns
diff --git a/app/views/producers/_filters.html.haml b/app/views/producers/_filters.html.haml
index a0667a4373..63ccef2f0c 100644
--- a/app/views/producers/_filters.html.haml
+++ b/app/views/producers/_filters.html.haml
@@ -7,7 +7,7 @@
         %h5.tdhead 
           .light Filter by
           Type
-        %ul.small-block-grid-2.large-block-grid-5
+        %ul.small-block-grid-2.medium-block-grid-4.large-block-grid-6
           %taxon-selector{objects: "Producers.visible | filterProducers:query", 
             results: "activeTaxons"}
 
diff --git a/app/views/shop/products/_filters.html.haml b/app/views/shop/products/_filters.html.haml
index 3e7a24a44c..7879bcc5d1 100644
--- a/app/views/shop/products/_filters.html.haml
+++ b/app/views/shop/products/_filters.html.haml
@@ -7,8 +7,9 @@
         %h5.tdhead 
           .light Filter by
           Type
-        %taxon-selector{objects: "Product.products | products:query", 
-          results: "activeTaxons"}
+        %ul.small-block-grid-2.medium-block-grid-3.large-block-grid-4
+          %taxon-selector{objects: "Product.products | products:query", 
+            results: "activeTaxons"}
 
     .row.filter-box.animate-show{"ng-show" => "filtersActive && totalActive() > 0"}
       .small-12.columns