From 4718c653528d429963fdb660fcee0c4cca7798d5 Mon Sep 17 00:00:00 2001
From: Jeff Stieler <jeff.m.stieler@gmail.com>
Date: Tue, 11 Jan 2022 21:33:29 -0700
Subject: [PATCH] Style order button and responsive form width.

---
 .../woocommerce/legacy/css/twenty-twenty-two.scss   | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/plugins/woocommerce/legacy/css/twenty-twenty-two.scss b/plugins/woocommerce/legacy/css/twenty-twenty-two.scss
index d871be6f536..8305f98afe1 100644
--- a/plugins/woocommerce/legacy/css/twenty-twenty-two.scss
+++ b/plugins/woocommerce/legacy/css/twenty-twenty-two.scss
@@ -857,6 +857,14 @@ $tt2-gray: #f7f7f7;
 			}
 		}
 
+		@media only screen and (max-width: 768px) {
+			.col2-set,
+			#customer_details {
+				width: 100%;
+				float: none;
+			}
+		}
+
 		.woocommerce-billing-fields__field-wrapper,
 		.woocommerce-checkout-review-order-table,
 		.woocommerce-checkout-payment {
@@ -898,6 +906,11 @@ $tt2-gray: #f7f7f7;
 				}
 			}
 		}
+
+		button#place_order {
+			width: 100%;
+			text-transform: uppercase;
+		}
 	}
 
 	ul.wc_payment_methods,