fix: WooPay 'Save my info' spacing (#7405)

Co-authored-by: Mike Moore <[email protected]>
Automattic · Oct 13, 2023 · 2aec7cc · 2aec7cc
1 parent 8454cd9
commit 2aec7cc
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/changelog/fix-woopay-save-my-info-styles b/changelog/fix-woopay-save-my-info-styles
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix WooPay Same My Info adding unnecessary spacing to checkout
diff --git a/client/settings/phone-input/style.scss b/client/settings/phone-input/style.scss
@@ -6,7 +6,16 @@
 	display: flex;
 	flex-direction: column;
 	gap: $gap;
-	margin-top: $gap-large;
+
+	&:not( :empty ) {
+		#payment .wc_payment_methods.payment_methods.methods + & {
+			margin-top: $gap-large;
+
+			+ .place-order {
+				margin-top: $gap-large;
+			}
+		}
+	}
 
 	h3 {
 		margin-bottom: 0;
@@ -106,10 +115,6 @@
 	.save-details-form.place-order {
 		margin-top: $gap-smaller;
 	}
-
-	.woopay-save-new-user-container + .place-order {
-		margin-top: $gap-large !important;
-	}
 }
 
 // compulsary overrides required for intl-tel-input