Improve responsiveness of block toolbar.

This starts work on #724.
WordPress · Jun 6, 2017 · 89898cb · 89898cb
1 parent adf7d8d
commit 89898cb
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/editor/block-switcher/style.scss b/editor/block-switcher/style.scss
@@ -2,10 +2,14 @@
 	border: 1px solid $light-gray-500;
 	box-shadow: $shadow-popover;
 	background-color: $white;
-	margin-right: 10px;
 	font-family: $default-font;
 	font-size: $default-font-size;
 	line-height: $default-line-height;
+	margin-right: -1px;
+
+	@include break-small() {
+		margin-right: $item-spacing;
+	}
 }
 
 .editor-block-switcher__toggle {

diff --git a/editor/modes/visual-editor/style.scss b/editor/modes/visual-editor/style.scss
@@ -114,7 +114,11 @@
 
 .editor-visual-editor__block-controls .components-toolbar {
 	display: inline-flex;
-	margin-right: $item-spacing;
+	margin-right: -1px;
+
+	@include break-small() {
+		margin-right: $item-spacing;
+	}
 }
 
 .editor-visual-editor__block-controls .editor-block-switcher {