Removed clear: Both from qty box

diff --git a/css/app.css b/css/app.css
index 5959656..7c1b567 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6923,24 +6923,19 @@ main.woocommerce, div.woocommerce {
       font-size: 16px;
       margin: 12px 0 0;
       padding: 8px 28px; }
-    @media only screen and (max-width: 40em) {
+    @media only screen and (min-width:0em) and (max-width:64em) {
       main.woocommerce #content .product.type-product .variations_form .variations, main.woocommerce #content .product.type-product .variations_form .single_variation_wrap, main.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button, main.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity, div.woocommerce #content .product.type-product .variations_form .variations, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity {
         text-align: center;
         float: none;
         margin-left: auto;
         margin-right: auto;
         clear: both; }
+      main.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity {
+        width: 170px;
+        clear: none; } }
+    @media only screen and (max-width: 40em) {
       main.woocommerce #content .product.type-product .variations_form .single_variation_wrap, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap {
         width: 100%; } }
-    @media only screen and (min-width:40.063em) and (max-width:64em) {
-      main.woocommerce #content .product.type-product .variations_form .variations, main.woocommerce #content .product.type-product .variations_form .single_variation_wrap, main.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button, main.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity, div.woocommerce #content .product.type-product .variations_form .variations, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity {
-        text-align: center;
-        float: none;
-        margin-left: auto;
-        margin-right: auto;
-        clear: both; }
-      main.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity {
-        width: 170px; } }
   main.woocommerce #content .product.type-product h1.product_title, div.woocommerce #content .product.type-product h1.product_title {
     color: #0f789f;
     font-size: 24px;

diff --git a/scss/plugins/_woocommerce.scss b/scss/plugins/_woocommerce.scss
index 932a934..2f80a04 100644 (file)
--- a/scss/plugins/_woocommerce.scss
+++ b/scss/plugins/_woocommerce.scss
@@ -555,22 +555,7 @@ div.woocommerce {
                 margin: 12px 0 0;
                 padding: 8px 28px;
             }
-            @media #{$small-only} {
-                .variations, 
-                .single_variation_wrap,
-                .single_variation_wrap .variations_button,
-                .single_variation_wrap .variations_button .quantity {
-                    text-align:center;
-                    float: none;
-                    margin-left: auto;
-                    margin-right: auto;
-                    clear: both;
-                }
-                .single_variation_wrap {
-                    width: 100%;
-                }
-            }
-            @media #{$medium-only} {
+            @media #{$medium-down} {
 
                 .variations, 
                 .single_variation_wrap,
@@ -584,6 +569,12 @@ div.woocommerce {
                 }
                 .single_variation_wrap .variations_button .quantity {
                     width: 170px;
+                    clear: none;
+                }
+            }
+            @media #{$small-only} {
+                .single_variation_wrap {
+                    width: 100%;
                 }
             }
         }