From b02bdfcc242d981726df84dbffe78523dc756ec6 Mon Sep 17 00:00:00 2001
From: Joen Asmussen <asmussen@gmail.com>
Date: Wed, 17 Jan 2018 13:12:29 +0100
Subject: [PATCH] Adjust design of side inserter to be lighter

This brings us closer to the mockup. But in a slightly hacky way. Once #4512 is merged this should be refactored.
---
 editor/components/block-mover/style.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/editor/components/block-mover/style.scss b/editor/components/block-mover/style.scss
index a3e8220a282375..7406fe6180dbce 100644
--- a/editor/components/block-mover/style.scss
+++ b/editor/components/block-mover/style.scss
@@ -67,6 +67,22 @@
 	.editor-inserter__toggle {
 		width: $icon-button-size-small;
 		padding: 2px;
+
+		// Adjust inserter design
+		box-shadow: inset 0 0 0 1px $light-gray-500;
+
+		// Hide the outer ring on the inserter, to visually lighten it
+		&:before {
+			content: '';
+			position: absolute;
+			top: 2px;
+			right: 2px;
+			bottom: 2px;
+			left: 2px;
+			display: block;
+			border: 4px solid $white;
+			border-radius: 50%;
+		}
 	}
 
 	.editor-inserter {