Fix action buttons in SiwG Setup CTA on mobile.

google · Nov 11, 2024 · 0c71998 · 0c71998
1 parent 6822be5
commit 0c71998
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/...s/components/sign-in-with-google/_googlesitekit-sign-in-with-google-setup-cta-banner.scss b/...s/components/sign-in-with-google/_googlesitekit-sign-in-with-google-setup-cta-banner.scss
@@ -20,6 +20,18 @@
 
 	.googlesitekit-setup-cta-banner--setup-cta-siwg {
 
+		.googlesitekit-setup-cta-banner__actions-wrapper {
+			gap: 0; // Fix buttons being one on top of another on medium mobile viewports.
+
+			@media (min-width: $width-tablet + 1 + px) {
+				gap: $grid-gap-phone;
+			}
+
+			@media (min-width: $width-desktop + 1 + px) {
+				gap: $grid-gap-desktop;
+			}
+		}
+
 		.googlesitekit-setup-cta-banner__svg-wrapper--setup-cta-siwg {
 			align-items: flex-end;
 			display: flex;