From 3d2c19623739cf020f72480899235bda0b2d7bb7 Mon Sep 17 00:00:00 2001
From: summerscope <summerscope@gmail.com>
Date: Thu, 14 Aug 2014 12:09:23 +1000
Subject: [PATCH] Tweak layout for checkout accordions to prevent expand and
 hide from dropping over two lines on small devices

---
 app/views/checkout/_billing.html.haml  | 4 ++--
 app/views/checkout/_details.html.haml  | 4 ++--
 app/views/checkout/_payment.html.haml  | 4 ++--
 app/views/checkout/_shipping.html.haml | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/views/checkout/_billing.html.haml b/app/views/checkout/_billing.html.haml
index 5ec2f12208..2fceedb523 100644
--- a/app/views/checkout/_billing.html.haml
+++ b/app/views/checkout/_billing.html.haml
@@ -13,11 +13,11 @@
       "ng-class" => "{valid: billing.$valid, open: accordion.billing}"}
       %accordion-heading
         .row
-          .small-10.columns
+          .small-8.medium-10.columns
             %em
               %small
                 {{ summary() | printArray }}
-          .small-2.columns.text-right
+          .small-4.medium-2.columns.text-right
             %span.accordion-up
               %em 
                 %small Hide
diff --git a/app/views/checkout/_details.html.haml b/app/views/checkout/_details.html.haml
index e3b369182f..6bb24d4682 100644
--- a/app/views/checkout/_details.html.haml
+++ b/app/views/checkout/_details.html.haml
@@ -13,11 +13,11 @@
       "ng-class" => "{valid: details.$valid, open: accordion.details}"}
       %accordion-heading
         .row
-          .small-10.columns
+          .small-8.medium-10.columns
             %em 
               %small
                 {{ summary() | printArray }}
-          .small-2.columns.text-right
+          .small-4.medium-2.columns.text-right
             %span.accordion-up
               %em 
                 %small Hide
diff --git a/app/views/checkout/_payment.html.haml b/app/views/checkout/_payment.html.haml
index 48c5e15711..e6a0fd373c 100644
--- a/app/views/checkout/_payment.html.haml
+++ b/app/views/checkout/_payment.html.haml
@@ -13,11 +13,11 @@
       "ng-class" => "{valid: payment.$valid, open: accordion.payment}"}
       %accordion-heading
         .row
-          .small-10.columns
+          .small-8.medium-10.columns
             %em 
               %small
                 {{ Checkout.paymentMethod().name }}
-          .small-2.columns.text-right
+          .small-4.medium-2.columns.text-right
             %span.accordion-up
               %em 
                 %small Hide
diff --git a/app/views/checkout/_shipping.html.haml b/app/views/checkout/_shipping.html.haml
index 7906824a36..8904facff4 100644
--- a/app/views/checkout/_shipping.html.haml
+++ b/app/views/checkout/_shipping.html.haml
@@ -13,11 +13,11 @@
       "ng-class" => "{valid: shipping.$valid, open: accordion.shipping}"}
       %accordion-heading
         .row
-          .small-10.columns
+          .small-8.medium-10.columns
             %em 
               %small
                 {{ Checkout.shippingMethod().name }}
-          .small-2.columns.text-right
+          .small-4.medium-2.columns.text-right
             %span.accordion-up
               %em 
                 %small Hide