From a20c786661f009139d6811b096b7d4c4035bc533 Mon Sep 17 00:00:00 2001
From: Peter Fabian <peter.fabian.github@gmail.com>
Date: Wed, 27 Nov 2019 12:14:48 +0100
Subject: [PATCH] Addressed feedback from designers.

---
 assets/css/twenty-twenty.scss | 64 ++++++++++++++++++++++++-----------
 1 file changed, 45 insertions(+), 19 deletions(-)

diff --git a/assets/css/twenty-twenty.scss b/assets/css/twenty-twenty.scss
index 2f2298c7dd8..eabd629f3fd 100644
--- a/assets/css/twenty-twenty.scss
+++ b/assets/css/twenty-twenty.scss
@@ -932,7 +932,8 @@ a.reset_variations {
 			display: flex;
 			flex-direction: column;
 			justify-content: space-between;
-			align-items: center;
+			align-items: flex-start;
+			width: 29.5%;
 		}
 	}
 }
@@ -992,6 +993,10 @@ a.reset_variations {
 	}
 }
 
+.woocommerce-shopping-totals {
+	vertical-align: text-top;
+}
+
 .widget_layered_nav {
 
 	.chosen {
@@ -1308,7 +1313,6 @@ a.reset_variations {
 		button[name="update_cart"] {
 			background: #fff;
 			color: #000;
-			width: calc(50% - 100px);
 		}
 	}
 
@@ -1541,7 +1545,7 @@ a.reset_variations {
 	margin: 1.42em 0;
 
 	label {
-		font-weight: 300;
+		font-weight: 400;
 		cursor: pointer;
 
 		span {
@@ -2077,7 +2081,7 @@ a.reset_variations {
 			display: flex;
 			flex-direction: column;
 			justify-content: space-between;
-			align-items: center;
+			align-items: flex-start;
 			margin-bottom: 5em;
 
 		}
@@ -2144,6 +2148,42 @@ ul.wc-block-grid__products {
 	}
 }
 
+@media only screen and (max-width: 667px) {
+
+	.woocommerce,
+	.woocommerce-page {
+
+		ul.products[class*=columns-] {
+
+			li.product {
+				width: 100%;
+			}
+		}
+	}
+}
+
+@media only screen and (min-width: 668px) and (max-width: 768px) {
+
+	.woocommerce,
+	.woocommerce-page {
+
+		ul.products[class*=columns-] {
+
+			li.product {
+				width: 50%;
+			}
+
+			li.product:nth-of-type(2n+1) {
+				padding: 0 2vw 3em 0;
+			}
+
+			li.product:nth-of-type(2n) {
+				padding: 0 0 3em 2vw;
+			}
+		}
+	}
+}
+
 @media only screen and (max-width: 768px) {
 
 	#site-content {
@@ -2243,7 +2283,7 @@ ul.wc-block-grid__products {
 			ul.products {
 				display: flex;
 				flex-direction: column;
-				align-items: center;
+				align-items: flex-start;
 
 				li.product {
 					margin-bottom: 5em;
@@ -2263,13 +2303,6 @@ ul.wc-block-grid__products {
 		.woocommerce-ordering {
 			margin-bottom: 3rem;
 		}
-
-		ul.products[class*=columns-] {
-
-			li.product {
-				width: 100%;
-			}
-		}
 	}
 
 	.woocommerce-cart-form {
@@ -2482,13 +2515,6 @@ ul.wc-block-grid__products {
 		}
 	}
 
-	/**
-	* Checkout
-	*/
-	#ship-to-different-address {
-		display: block;
-	}
-
 	/**
 	* Layout stuff
 	*/