From e163f2b0d1ff4040f50e7417cf1c82cb205346c2 Mon Sep 17 00:00:00 2001
From: Alin Voinea <contact@avoinea.com>
Date: Mon, 22 Mar 2021 17:30:51 +0200
Subject: [PATCH] Make inside blocks EditBlockWrapper toolbar more intuitive

---
 src/ColumnsBlock/ColumnsBlockEdit.jsx |  2 +-
 src/ColumnsBlock/styles.less          | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/ColumnsBlock/ColumnsBlockEdit.jsx b/src/ColumnsBlock/ColumnsBlockEdit.jsx
index e9eea9c..f68b7a8 100644
--- a/src/ColumnsBlock/ColumnsBlockEdit.jsx
+++ b/src/ColumnsBlock/ColumnsBlockEdit.jsx
@@ -29,7 +29,7 @@ import { COLUMNSBLOCK } from '@eeacms/volto-columns-block/constants';
 import { variants } from '@eeacms/volto-columns-block/grid';
 import { makeStyleSchema, getStyle } from '@eeacms/volto-columns-block/Styles';
 
-import tuneSVG from '@plone/volto/icons/tune.svg';
+import tuneSVG from '@plone/volto/icons/configuration.svg';
 import upSVG from '@plone/volto/icons/up.svg';
 
 import './styles.less';
diff --git a/src/ColumnsBlock/styles.less b/src/ColumnsBlock/styles.less
index 57b7c82..c7bcbec 100644
--- a/src/ColumnsBlock/styles.less
+++ b/src/ColumnsBlock/styles.less
@@ -115,15 +115,15 @@
 
 .block-toolbar {
   position: absolute;
-  z-index: 2;
-  left: 0px;
+  z-index: 3;
+  left: -9px;
   display: flex;
+  padding: 5px;
   border: none;
-  margin-top: -34px;
-  margin-bottom: 8px;
-  background-color: #8dd7ef;
-  border-top-left-radius: 6px;
-  border-top-right-radius: 6px;
+  border: 1px solid #78c0d7bf;
+  border-bottom: 1px solid #fff;
+  margin-top: -45px;
+  background-color: #fff;
 
   .ui.basic.button {
     padding: 3px;