From f02f75998f0c6648e28e625dc5cf0af095186516 Mon Sep 17 00:00:00 2001
From: Joen Asmussen <asmussen@gmail.com>
Date: Tue, 13 Mar 2018 11:32:55 +0100
Subject: [PATCH] Clean up appender CSS.

---
 editor/components/default-block-appender/style.scss | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/editor/components/default-block-appender/style.scss b/editor/components/default-block-appender/style.scss
index 2f33fe1872edd8..783c41beedfbc8 100644
--- a/editor/components/default-block-appender/style.scss
+++ b/editor/components/default-block-appender/style.scss
@@ -19,10 +19,7 @@ $empty-paragraph-height: $text-editor-font-size * 4;
 		transition: 0.2s outline;
 	}
 
-	.editor-inserter {
-		opacity: 0;
-	}
-
+	// Show quick insertion icons faded until hover
 	.editor-inserter-with-shortcuts {
 		.components-icon-button {
 			color: $light-gray-700;
@@ -30,6 +27,11 @@ $empty-paragraph-height: $text-editor-font-size * 4;
 		}
 	}
 
+	// Don't show inserter until mousing
+	.editor-inserter {
+		opacity: 0;
+	}
+
 	&:hover {
 		.editor-inserter-with-shortcuts {
 			opacity: 1;
@@ -55,7 +57,7 @@ $empty-paragraph-height: $text-editor-font-size * 4;
 .editor-default-block-appender .editor-inserter {
 	position: absolute;
 		top: $item-spacing;
-		right: $item-spacing;
+		right: $item-spacing;	// show on the right on mobile
 	transition: opacity 0.2s;
 
 	@include break-small {