wee css fixes: spacing actions and make button logo (SVG) same color …

…as button
Automattic · Dec 11, 2024 · bcbc091 · bcbc091
1 parent b0ba9d3
commit bcbc091
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/packages/jetpack-ai-calypso/src/logo-generator/components/generator-modal.scss b/packages/jetpack-ai-calypso/src/logo-generator/components/generator-modal.scss
@@ -17,13 +17,11 @@
 		}
 	}
 
-	.components-button {
-		&:focus:not(:disabled):not(.is-primary) {
-			box-shadow: 0 0 0 2px var(--color-link, #3858e9);
-		}
+	.components-button.is-link {
+		padding: 0 4px;
+		text-decoration: none;
 
-		&.is-link {
-			text-decoration: none;
+		&:not(:disabled) {
 			color: var(--color-link, #3858e9);
 		}
 	}

diff --git a/packages/jetpack-ai-calypso/src/logo-generator/components/prompt.scss b/packages/jetpack-ai-calypso/src/logo-generator/components/prompt.scss
@@ -19,9 +19,15 @@
 		display: flex;
 		font-size: $font-body-extra-small;
 		line-height: 20px;
+		gap: 16px;
 
 		.jetpack-ai-logo-generator-icon {
 			margin-right: 4px;
+
+			// tricky SVG
+			path {
+				fill: currentColor
+			};
 		}
 	}
 }