Merge pull request #28433 from woocommerce/add/2021-compat-my-account-addresses-page

Add "My Account - Edit Address" page compatibility for Twenty Twenty-One

assets/css/twenty-twenty-one.scss

@@ -1218,6 +1218,69 @@ a.reset_variations {
 				margin-top: 0;
 			}
 		}
+
+		.woocommerce-Addresses {
+			margin-top: -1rem;
+
+			.woocommerce-Address-title {
+				h3 {
+					display: inline-block;
+					margin-right: 1rem;
+					font-size: 1.8rem;
+					margin-top: 2rem;
+				}
+			}
+
+			address {
+				line-height: 1.8rem;
+			}
+		}
+
+		.woocommerce-address-fields {
+			label {
+				font-size: 1.5rem;
+				margin-bottom: 0.1rem;
+			}
+
+			input, .selection {
+				font-size: 1.5rem;
+				padding-top: 0.3rem;
+				padding-bottom: 0.3rem;
+			}
+
+			input {
+				border: 3px solid black;
+			}
+
+			.form-row {
+				margin-top: 1.5rem !important;
+				margin-bottom: 0 !important;
+			}
+
+			#billing_company_field {
+				padding-top: 1.5rem !important;
+			}
+
+			.select2-selection {
+				border: 2px solid black;
+				height: 3rem;
+				padding-top: 0.5rem;
+				margin-top: -1rem;
+			}
+
+			.select2-selection__arrow {
+				position: absolute;
+				top: -0.2rem;
+			}
+
+			.select2-dropdown {
+				border: 2px solid black !important;
+			}
+
+			.woocommerce-address-fields__field-wrapper {
+				margin-bottom: 2rem;
+			}
+		}
 	}
 
 	table.account-orders-table {
@@ -2640,7 +2703,6 @@ a.reset_variations {
 			&:active {
 				color: var(--global--color-background);
 				background: var(--global--color-primary);
-				
 			}
 		}
 	}