Update list view icon size and spacing (#30455)

WordPress · Apr 2, 2021 · 2557a44 · 2557a44
1 parent 4b557cb
commit 2557a44
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/block-editor/src/components/block-navigation/style.scss b/packages/block-editor/src/components/block-navigation/style.scss
@@ -60,7 +60,7 @@
 		align-items: center;
 		width: 100%;
 		height: auto;
-		padding: ($grid-unit-15 / 2);
+		padding: ($grid-unit-15 / 2) $grid-unit-15;
 		text-align: left;
 		color: $gray-900;
 		border-radius: 2px;
@@ -121,7 +121,8 @@
 
 	.block-editor-block-icon {
 		align-self: flex-start;
-		margin-right: 6px;
+		margin-right: ( $grid-unit-05 * 2.5 ); // 10px is off the 4px grid, but required for visual alignment between block name and subsequent nested icon
+		width: 20px;
 	}
 
 	.block-editor-block-navigation-block__menu-cell,