From 995451351ae8f2fc7026a69a9222bc1b3d4ed8bd Mon Sep 17 00:00:00 2001
From: summerscope <summerscope@gmail.com>
Date: Thu, 24 Jul 2014 17:43:07 +1000
Subject: [PATCH] Tweak layout of columns for Hubs listing on medium and small
 views

---
 app/views/home/_fat.html.haml    |  8 ++++----
 app/views/home/_skinny.html.haml | 10 +++++-----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/views/home/_fat.html.haml b/app/views/home/_fat.html.haml
index 1e22b64f1c..4f8cf708a9 100644
--- a/app/views/home/_fat.html.haml
+++ b/app/views/home/_fat.html.haml
@@ -1,5 +1,5 @@
 .row.active_table_row{"ng-show" => "open()", "ng-click" => "toggle()", "ng-class" => "{'open' : !ofn-i_032-closed-sign()}"}
-  .columns.small-12.large-5.fat1
+  .columns.small-12.medium-4.large-5.fat1
     &nbsp;
     %div{"bo-if" => "hub.taxons"}
       %label Shop for
@@ -7,18 +7,18 @@
         %span.fat-taxons{"ng-repeat" => "taxon in hub.taxons"}
           %render-svg{path: "{{taxon.icon}}"}
           {{taxon.name}} 
-  .columns.small-12.large-2.fat2
+  .columns.small-12.medium-3.large-2.fat2
     &nbsp;
     %div{"bo-if" => "hub.pickup || hub.delivery"}
       %label Delivery options
-      %ul.small-block-grid-1
+      %ul.small-block-grid-2.large-block-grid-1
         %li.pickup{"bo-if" => "hub.pickup"} 
           %i.ofn-i_038-takeaway
           Pickup
         %li.delivery{"bo-if" => "hub.delivery"} 
           %i.ofn-i_039-delivery
           Delivery
-  .columns.small-12.large-5.fat3
+  .columns.small-12.medium-5.large-5.fat3
     &nbsp;
     %div{"bo-if" => "hub.producers"}
       %label Our producers
diff --git a/app/views/home/_skinny.html.haml b/app/views/home/_skinny.html.haml
index 86c873a6a7..5e880361b0 100644
--- a/app/views/home/_skinny.html.haml
+++ b/app/views/home/_skinny.html.haml
@@ -1,20 +1,20 @@
 .row.active_table_row{"ng-click" => "toggle()", "ng-class" => "{'closed' : !open()}"}
-  .columns.small-12.large-5
+  .columns.small-12.medium-5.large-5.skinny-head
     %a.hub{"bo-href" => "hub.path", "ng-class" => "{primary: hub.active, secondary: !hub.active}", "ofn-empties-cart" => "hub"}
       %i.ofn-i_040-hub 
       %span
         %strong {{ hub.name }}
-  .columns.small-3.large-2
+  .columns.small-4.medium-2.large-2
     {{ hub.address.city }}
-  .columns.small-1.large-1
+  .columns.small-2.medium-2.large-1
     {{ hub.address.state | uppercase }}
 
-  .columns.small-3.large-4.text-right{"bo-if" => "hub.active"}
+  .columns.small-6.medium-3.large-4.text-right{"bo-if" => "hub.active"}
     %a.hub{"bo-href" => "hub.path", "ng-class" => "{primary: hub.active, secondary: !hub.active}", "ofn-empties-cart" => "hub"}
       %i.ofn-i_033-open-sign
       %span {{ hub.orders_close_at | sensible_timeframe }} 
 
-  .columns.small-3.large-4.text-right{"bo-if" => "!hub.active"}
+  .columns.small-6.medium-3.large-4.text-right{"bo-if" => "!hub.active"}
     %a.hub{"bo-href" => "hub.path", "ng-class" => "{primary: hub.active, secondary: !hub.active}", "ofn-empties-cart" => "hub"}
       %i.ofn-i_032-closed-sign
       %span Orders closed