From 4b6f6d917e71d718d70ac6af27e0b6f12b287eda Mon Sep 17 00:00:00 2001
From: Laury GvR <laury@gaslightmedia.com>
Date: Mon, 4 Apr 2016 16:36:37 -0400
Subject: [PATCH] Shop listing width equalized. Price label responsive

---
 css/app.css                    | 18 +++++++++++++++++-
 scss/plugins/_woocommerce.scss | 19 ++++++++++++++++---
 2 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/css/app.css b/css/app.css
index 4c2ac6a..a277237 100644
--- a/css/app.css
+++ b/css/app.css
@@ -6951,6 +6951,10 @@ main {
       .woocommerce #content .product.type-product .variations_form .single_variation_wrap .single_variation {
         padding: 10px;
         float: right; }
+        @media only screen and (max-width: 40em) {
+          .woocommerce #content .product.type-product .variations_form .single_variation_wrap .single_variation {
+            float: none;
+            text-align: center; } }
     .woocommerce #content .product.type-product .variations_form .variations_button button {
       border-radius: 3px;
       margin: 12px 0 0;
@@ -7025,6 +7029,10 @@ main {
     float: right;
     clear: both;
     margin-left: 5px; }
+    @media only screen and (max-width: 40em) {
+      .woocommerce #content .product.type-product .cart-qty-label {
+        float: none;
+        text-align: center; } }
   .woocommerce #content .product.type-product .price {
     color: transparent;
     margin-bottom: 0;
@@ -7149,6 +7157,9 @@ main {
       width: 100%;
       border: none;
       margin: 0 auto 10px; }
+      @media only screen and (max-width: 40em) {
+        .woocommerce #content ul.products li.product.type-product {
+          margin-bottom: 25px; } }
       .woocommerce #content ul.products li.product.type-product h3 {
         font-size: 16px;
         text-align: left; }
@@ -7159,7 +7170,8 @@ main {
       .woocommerce #content ul.products li.product.type-product > div {
         margin: 5px;
         padding: 5px;
-        border-radius: 5px; }
+        border-radius: 5px;
+        width: 100%; }
         .woocommerce #content ul.products li.product.type-product > div img {
           /*                border: 2px solid $black;*/
           border-radius: 3px; }
@@ -7178,6 +7190,10 @@ main {
         margin-bottom: 0; }
       .woocommerce #content ul.products li.product.type-product .woocommerce-variation-availability {
         float: right; }
+        @media only screen and (max-width: 40em) {
+          .woocommerce #content ul.products li.product.type-product .woocommerce-variation-availability {
+            float: none;
+            text-align: center; } }
       .woocommerce #content ul.products li.product.type-product .woocommerce-variation-availability .stock {
         margin-bottom: 0; }
       .woocommerce #content ul.products li.product.type-product .more {
diff --git a/scss/plugins/_woocommerce.scss b/scss/plugins/_woocommerce.scss
index eb348c0..8545978 100644
--- a/scss/plugins/_woocommerce.scss
+++ b/scss/plugins/_woocommerce.scss
@@ -597,6 +597,10 @@
                 .single_variation {
                     padding: 10px;
                     float: right;
+                    @media #{$small-only} {
+                        float:none;
+                        text-align: center;
+                    }
                 }
             }
             .variations_button button {
@@ -697,6 +701,10 @@
         }
         .cart-qty-label {
             float: right;
+            @media #{$small-only} {
+                float:none;
+                text-align: center;
+            }
             clear: both;
             margin-left: 5px;
         }
@@ -865,6 +873,9 @@
             width: 100%;
             border: none;
             margin: 0 auto 10px;
+            @media #{$small-only} {
+                margin-bottom: 25px;
+            }
             h3 {
                 font-size: 16px;
                 text-align: left;
@@ -878,6 +889,7 @@
                 margin: 5px;
                 padding: 5px;
                 border-radius: 5px;
+                width: 100%;
                 img {
     /*                border: 2px solid $black;*/
                     border-radius: 3px;
@@ -903,6 +915,10 @@
             }
             .woocommerce-variation-availability {
                 float: right;
+                @media #{$small-only} {
+                    float:none;
+                    text-align: center;
+                }
             }
             .woocommerce-variation-availability .stock {
                 margin-bottom: 0;
@@ -1033,7 +1049,4 @@ main .woocommerce #respond input#submit.alt, main .woocommerce a.button.alt, mai
 
 main.woocommerce ul.products li.product,main.woocommerce-page ul.products li.product,main.woocommerce-page[class*="columns-"] ul.products li.product,main.woocommerce[class*="columns-"] ul.products li.product {
     clear: none;
-}
-.woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n), .woocommerce-page[class*="columns-"] ul.products li.product:nth-child(2n), .woocommerce[class*="columns-"] ul.products li.product:nth-child(2n) {
-    
 }
\ No newline at end of file
-- 
2.17.1