Varia: improving coupon code UI

varia/sass/vendors/woocommerce/pages/_checkout.scss

@@ -50,6 +50,27 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
 		}
 	}
 
+	.woocommerce-form-coupon-toggle {
+		.woocommerce-info {
+		//	margin-bottom: 0;
+		}
+
+		& + .checkout_coupon {
+			margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+		}
+	}
+
+	form.checkout_coupon,
+	form.login,
+	form.register {
+		border-color: map-deep-get($config-global, "color", "border", "default");
+		padding: map-deep-get($config-global, "spacing", "unit");
+		margin-top: inherit;
+		margin-bottom: inherit;
+		text-align: left;
+		border-radius: 0;
+	}
+
 	ul.order_details {
 		padding-left: 0;
 	}

varia/style-woocommerce.css

@@ -1584,6 +1584,21 @@ body[class*="woocommerce"] #page .woocommerce-order-overview.order_details:befor
 	display: none;
 }
 
+body[class*="woocommerce"] #page .woocommerce-form-coupon-toggle + .checkout_coupon {
+	margin-bottom: 32px;
+}
+
+body[class*="woocommerce"] #page form.checkout_coupon,
+body[class*="woocommerce"] #page form.login,
+body[class*="woocommerce"] #page form.register {
+	border-color: #DDDDDD;
+	padding: 16px;
+	margin-top: inherit;
+	margin-bottom: inherit;
+	text-align: left;
+	border-radius: 0;
+}
+
 body[class*="woocommerce"] #page ul.order_details {
 	padding-left: 0;
 }