Varia: Cleanup mini-cart styles and spacing.

varia/sass/vendors/woocommerce/components/_mini-cart.scss

@@ -23,7 +23,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 
 		// Checkbox hack
 		#woocommerce-toggle:checked ~ div {
-			display: block;
+			display: inline-block;
 		}
 
 		#woocommerce-toggle:focus + #toggle-cart {
@@ -60,6 +60,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 				background-color: map-deep-get($config-woocommerce, "mini-cart", "color", "background");
 				color: map-deep-get($config-woocommerce, "mini-cart", "color", "text");
 				padding-top: #{map-deep-get($config-header, "main-nav", "link-padding")};
+				width: 100%;
 
 				a,
 				a:link,

varia/sass/vendors/woocommerce/widgets/_cart-widget.scss

@@ -18,7 +18,7 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 			}
 
 			img {
-				margin-left: 4px;
+				margin-left: #{map-deep-get($config-global, "spacing", "unit")};
 				width: #{2 * map-deep-get($config-global, "spacing", "vertical")};
 			}
 

varia/style-woocommerce-rtl.css

@@ -737,8 +737,12 @@ body[class*="woocommerce"] #page .main-navigation #toggle-cart {
 	margin: 0;
 }
 
+body[class*="woocommerce"] #page .main-navigation #toggle-cart .svg-icon {
+	vertical-align: top;
+}
+
 body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
-	display: block;
+	display: inline-block;
 }
 
 body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart {
@@ -769,6 +773,7 @@ body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked +
 		background-color: white;
 		color: #444444;
 		padding-top: 16px;
+		width: 100%;
 	}
 	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a,
 	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:link,
@@ -800,7 +805,7 @@ body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-link .svg-ic
 	float: right;
 	height: 1.2rem;
 	width: 1.2rem;
-	vertical-align: middle;
+	vertical-align: top;
 }
 
 @media only screen and (min-width: 560px) {

varia/style-woocommerce.css

@@ -742,7 +742,7 @@ body[class*="woocommerce"] #page .main-navigation #toggle-cart .svg-icon {
 }
 
 body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked ~ div {
-	display: block;
+	display: inline-block;
 }
 
 body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:focus + #toggle-cart {
@@ -773,6 +773,7 @@ body[class*="woocommerce"] #page .main-navigation #woocommerce-toggle:checked +
 		background-color: white;
 		color: #444444;
 		padding-top: 16px;
+		width: 100%;
 	}
 	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a,
 	body[class*="woocommerce"] #page .main-navigation .woocommerce-menu-container a:link,
@@ -1965,7 +1966,7 @@ body[class*="woocommerce"] #page ul.product_list_widget li a:not(.remove) {
 
 body[class*="woocommerce"] #page ul.cart_list li img,
 body[class*="woocommerce"] #page ul.product_list_widget li img {
-	margin-left: 4px;
+	margin-left: 16px;
 	width: 64px;
 }