From 46d23f1f8a9918ac2a9d6e18eb404a18bb5e41c3 Mon Sep 17 00:00:00 2001 From: Maikel Linke Date: Fri, 22 Jan 2021 16:39:48 +1100 Subject: [PATCH] Fit bulk buy modal on small mobile screens On some Iphones the modal wouldn't fit and there were line breaks between the input fields. The inputs are now stacked vertically on small screens so that there is still plenty of space for large numbers in the quantity fields. --- app/assets/javascripts/templates/bulk_buy_modal.html.haml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/app/assets/javascripts/templates/bulk_buy_modal.html.haml b/app/assets/javascripts/templates/bulk_buy_modal.html.haml index d2b6ff5f12..5e26551419 100644 --- a/app/assets/javascripts/templates/bulk_buy_modal.html.haml +++ b/app/assets/javascripts/templates/bulk_buy_modal.html.haml @@ -9,7 +9,7 @@ {{ variant.line_item.total_price | localizeCurrency }} .row - .columns.small-6 + .columns.small-12.medium-6 .variant-bulk-buy-quantity-label {{ "js.shopfront.bulk_buy_modal.min_quantity" | t }} %div @@ -24,7 +24,7 @@ %button.bulk-buy-add.variant-quantity{type: "button", ng: {click: "add(1)", disabled: "!canAdd(1)"}} -# U+FF0B Fullwidth Plus Sign ＋ - .columns.small-6 + .columns.small-12.medium-6 .variant-bulk-buy-quantity-label {{ "js.shopfront.bulk_buy_modal.max_quantity" | t }} %div