From b9da5aaa5379dc5549103dde6385bf617442d857 Mon Sep 17 00:00:00 2001
From: mathieucura <mathieu@optimistik.fr>
Date: Sun, 17 Jan 2021 18:09:46 +0100
Subject: [PATCH] Improve Zoom Module

---
 .idea/svgedit.iml               |  9 +++++++++
 src/editor/components/seZoom.js | 15 +++++++++++++--
 2 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 .idea/svgedit.iml

diff --git a/.idea/svgedit.iml b/.idea/svgedit.iml
new file mode 100644
index 00000000..d6ebd480
--- /dev/null
+++ b/.idea/svgedit.iml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/src/editor/components/seZoom.js b/src/editor/components/seZoom.js
index 7f5602a5..0f95a2ab 100644
--- a/src/editor/components/seZoom.js
+++ b/src/editor/components/seZoom.js
@@ -40,13 +40,24 @@ class Zoom extends ListComboBox {
         }
         ::slotted(*) {
           padding: 4px;
-          background: #E8E8E8;
-          border: 1px solid #B0B0B0;
           width: 100%;
+          background-color: var(--icon-bg-color);
+          color: #fff;
+        }
         }
         [part~="popup"] {
           width: 150%;
         }
+        elix-number-spin-box {
+          background-color: var(--input-color);
+          border-radius: 3px;
+          height: 20px !important;
+          margin-top: 1px;
+        }
+        elix-number-spin-box::part(spin-button) {
+            padding: 0px;
+        }
+
         </style>
       `.content
     );