Merge pull request saleor#1008 from benekex2/fix/cart-country-select

Fix country select grid
jdarangor · Apr 3, 2017 · 02d24f2 · 02d24f2
2 parents bd6c026 + 3de4b01
commit 02d24f2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/saleor/static/scss/components/_forms.scss b/saleor/static/scss/components/_forms.scss
@@ -32,12 +32,11 @@
 
 .deliveryform {
   select {
-    @include media-breakpoint-down(sm) {
+    @include media-breakpoint-down(md) {
       width: 100%;
       margin-top: $global-margin / 2;
       margin-left: 0;
     }
-    margin-left: $global-margin;
     background-color: $white;
     height: calc(2.25rem + 2px);
     &:focus {

diff --git a/templates/cart/_subtotal_table.html b/templates/cart/_subtotal_table.html
@@ -29,8 +29,14 @@ <h3>{% trans "Subtotal" context "Order subtotal" %}</h3>
   <div class="last table__row cart__delivery-info">
     <div class="row">
       <div class="col-7 cart__total__subtotal deliveryform" data-csrf="{{ csrf_token }}">
-        <p>{% trans "Shipping cost for:" context "Cart shipping cost form" %}</p>
-        {{ country_form.country }}
+        <div class="row">
+          <div class="col-12 col-md-4">
+            <p>{% trans "Shipping cost for:" context "Cart shipping cost form" %}</p>
+          </div>
+          <div class="col-12 col-md-8">
+            {{ country_form.country }}
+          </div>
+        </div>
       </div>
       <div class="col-5">
         <div class="row">