Adjust unified block toolbar padding at medium breakpoints. (#9742)

Fixes a visual bug where the block controls in Unified Toolbar are larger than their container bar on screens that are between 781px and 960px wide. Fixes #9657.
WordPress · Sep 10, 2018 · 9e56083 · 9e56083
1 parent c967c21
commit 9e56083
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/edit-post/components/header/header-toolbar/style.scss b/edit-post/components/header/header-toolbar/style.scss
@@ -23,14 +23,9 @@
 	min-height: $block-toolbar-height;
 	border-bottom: $border-width solid $light-gray-500;
 
-	.editor-block-toolbar {
-		margin: -9px 0;
-	}
-
 	.editor-block-toolbar .components-toolbar {
 		border-top: none;
 		border-bottom: none;
-		padding: 9px;
 	}
 
 	.is-sidebar-opened & {
@@ -57,6 +52,14 @@
 		.is-sidebar-opened & {
 			right: auto;
 		}
+
+		.editor-block-toolbar {
+			margin: -9px 0;
+		}
+
+		.editor-block-toolbar .components-toolbar {
+			padding: 9px;
+		}
 	}
 }