tweak sizing to line up with button

WordPress · Oct 17, 2024 · ce8309c · ce8309c
1 parent c928926
commit ce8309c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/block-editor/src/components/block-toolbar/change-design.js b/packages/block-editor/src/components/block-toolbar/change-design.js
@@ -118,12 +118,13 @@ export default function ChangeDesign( { clientId } ) {
 			renderContent={ () => (
 				<DropdownContentWrapper
 					className="block-editor-block-toolbar-change-design-content-wrapper"
-					paddingSize="medium"
+					paddingSize="none"
 				>
 					<BlockPatternsList
 						shownPatterns={ currentShownPatterns }
 						blockPatterns={ sameCategoryPatternsWithSingleWrapper }
 						onClickPattern={ onClickPattern }
+						showTitle={ false }
 					/>
 				</DropdownContentWrapper>
 			) }

diff --git a/packages/block-editor/src/components/block-toolbar/style.scss b/packages/block-editor/src/components/block-toolbar/style.scss
@@ -287,11 +287,12 @@
 }
 
 .block-editor-block-toolbar-change-design-content-wrapper {
-	width: 350px; // Same with quick inserter results.
+	padding: $grid-unit-15;
+	width: 320px;
 	.block-editor-block-patterns-list {
 		display: grid;
 		grid-template-columns: 1fr 1fr;
-		grid-gap: $grid-unit-10;
+		grid-gap: $grid-unit-15;
 		.block-editor-block-patterns-list__list-item {
 			margin-bottom: 0;
 		}