Merge pull request #9653 from google/enhancement/9335-follow-up

Enhancement/9335 Follow up fixes to Safari SVG and Action Buttons
google · Nov 12, 2024 · 9e5d682 · 9e5d682
2 parents e6e4e36 + 7d73c86
commit 9e5d682
Show file tree

Hide file tree

Showing 3 changed files with 13 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,12 +20,25 @@
 
 	.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;
 			justify-content: center;
 
 			svg {
+				flex: 1;
 				max-height: 136px;
 
 				@media (min-width: $width-desktop + 1 + px) {

diff --git a/...ignInWithGoogle_Dashboard_SignInWithGoogleSetupCTABanner_0_document_0_small.png b/...ignInWithGoogle_Dashboard_SignInWithGoogleSetupCTABanner_0_document_0_small.png
diff --git a/...gnInWithGoogle_Dashboard_SignInWithGoogleSetupCTABanner_0_document_1_medium.png b/...gnInWithGoogle_Dashboard_SignInWithGoogleSetupCTABanner_0_document_1_medium.png