Tweak layout for checkout accordions to prevent expand and hide from dropping over two lines on small devices

This commit is contained in:
summerscope
2014-08-14 12:09:23 +10:00
parent 116882f0a9
commit 3d2c196237
4 changed files with 8 additions and 8 deletions

View File

@@ -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

View File

@@ -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

View File

@@ -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

View File

@@ -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