From a744b593dd41f895acbd7cf6f7eb1e6100f0f313 Mon Sep 17 00:00:00 2001
From: mathieucura <mathieu@optimistik.fr>
Date: Sun, 10 Jan 2021 18:21:39 +0100
Subject: [PATCH] Improve layer handle design

---
 dist/editor/svgedit.css                   | 14 ++++++--------
 src/editor/components/seExplorerButton.js |  2 +-
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/dist/editor/svgedit.css b/dist/editor/svgedit.css
index 4661c3c6..a3c33a14 100644
--- a/dist/editor/svgedit.css
+++ b/dist/editor/svgedit.css
@@ -7,7 +7,7 @@
   --ruler-color: #f4f4f4;
 }
 
-body {  
+body {
   background: var(--main-bg-color);
 }
 
@@ -171,12 +171,13 @@ hr {
   display: inline-block;
   position: absolute;
   background-color: --main-bg-color;
-  font-weight: bold;
+  color: #fff;
+  font-weight: 100;
   left: 0;
   top: 40%;
   width: 1em;
-  padding: 5px 1px 5px 5px;
-  margin-left: 3px;
+  padding: 5px 5px 5px 5px;
+  margin-left: 6px;
   cursor: pointer;
   border-radius: 5px;
   -moz-border-radius: 5px;
@@ -185,9 +186,6 @@ hr {
   -webkit-user-select: none;
 }
 
-#sidepanel_handle:hover {
-  font-weight: bold;
-}
 
 #sidepanel_handle * {
   cursor: pointer;
@@ -208,7 +206,7 @@ hr {
   overflow: hidden;
   display: flex;
   justify-content: center;
-  align-items: center;  
+  align-items: center;
 }
 
 #layerlist {
diff --git a/src/editor/components/seExplorerButton.js b/src/editor/components/seExplorerButton.js
index fc6eacc3..aaf33ea0 100644
--- a/src/editor/components/seExplorerButton.js
+++ b/src/editor/components/seExplorerButton.js
@@ -6,7 +6,7 @@ template.innerHTML = `
   }
   .menu-button:hover, se-button:hover, .menu-item:hover
   {
-    background-color: #2B3C45;
+    background-color: var(--icon-bg-color-hover);
   }
   img {
     border: none;