adjusted the button size and alignment

Automattic · Dec 9, 2024 · 3212895 · 3212895
1 parent 33e65e2
commit 3212895
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 27 deletions.
diff --git a/packages/design-picker/src/components/style.scss b/packages/design-picker/src/components/style.scss
@@ -44,8 +44,9 @@
 
 			.design-picker__category-group-content {
 				display: flex;
+				align-items: center;
 				flex-wrap: wrap;
-				gap: 16px;
+				gap: 8px 16px;
 			}
 		}
 
@@ -55,24 +56,22 @@
 			font-weight: 500;
 		}
 
+		.design-picker__tier-filter {
+			height: 40px; // match button height
+			margin-bottom: 6px;
+		}
+
 		.design-picker__design-your-own-button {
 			flex-shrink: 0;
-			height: 32px;
-			line-height: 14px;
-			margin-top: 8px;
-			margin-bottom: 8px;
-
-			&.design-picker__design-with-ai {
-				display: none;
-
-				@include break-small {
-					display: block;
-				}
-			}
+			margin-bottom: 6px;
 		}
 
-		.design-picker__tier-filter {
-			height: 48px; // match button height
+		.design-picker__design-with-ai {
+			display: none;
+
+			@include break-small {
+				display: block;
+			}
 		}
 
 		.design-picker__design-your-own-button-without-categories {

diff --git a/packages/design-picker/src/components/unified-design-picker.tsx b/packages/design-picker/src/components/unified-design-picker.tsx
@@ -278,18 +278,6 @@ const DesignPicker: React.FC< DesignPickerProps > = ( {
 						/>
 					</DesignPickerFilterGroup>
 				) }
-				{ assemblerCtaData.shouldGoToAssemblerStep && isSiteAssemblerEnabled && (
-					<DesignPickerFilterGroup>
-						<Button
-							className={ clsx( 'design-picker__design-your-own-button', {
-								'design-picker__design-your-own-button-without-categories': ! hasCategories,
-							} ) }
-							onClick={ () => onClickDesignYourOwnTopButton( getAssemblerDesign() ) }
-						>
-							{ assemblerCtaData.title }
-						</Button>
-					</DesignPickerFilterGroup>
-				) }
 				<DesignPickerFilterGroup>
 					{ isTierFilterEnabled && <DesignPickerTierFilter /> }
 					{ assemblerCtaData.shouldGoToAssemblerStep && isSiteAssemblerEnabled && (