From ebf9f1e6329ba401b3b60a8dc6985ca1677840ec Mon Sep 17 00:00:00 2001
From: Agriya Dev5 <agriya.dev5@agriya.in>
Date: Thu, 7 Jan 2021 14:33:35 +0530
Subject: [PATCH] #36 look of opacity button should like the zoom button
 (without the dropdown button)

---
 src/editor/components/seSpinInput.js | 6 +++++-
 src/editor/svgedit.css               | 9 ++-------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/editor/components/seSpinInput.js b/src/editor/components/seSpinInput.js
index 5eb54c26..d59c214b 100644
--- a/src/editor/components/seSpinInput.js
+++ b/src/editor/components/seSpinInput.js
@@ -6,7 +6,7 @@ template.innerHTML = `
   <style>
   img {
     top: 2px;
-    left: 4px;
+    left: 1px;
     position: relative;
   }
   span {
@@ -17,6 +17,10 @@ template.innerHTML = `
   elix-number-spin-box::part(spin-button) {
     padding: 0px;
   }
+  elix-number-spin-box{
+    width: 54px;
+    height: 25px;
+  }
   </style>
   <img src="./images/logo.svg" alt="icon" width="12" height="12" aria-labelledby="label" />
   <span id="label">label</span>
diff --git a/src/editor/svgedit.css b/src/editor/svgedit.css
index 857cb764..850421a3 100644
--- a/src/editor/svgedit.css
+++ b/src/editor/svgedit.css
@@ -640,6 +640,7 @@ input[type=text] {
 
 #tools_bottom * {
   float: left;
+  margin-right: 2px;
 }
 
 #tools_bottom se-spin-input {
@@ -1015,13 +1016,7 @@ ul li.current {
   background: #B0B0B0;
   border: 1px solid #000;
 }
-elix-alert-dialog::part(frame) {
-  background: #CCC;
-  width: 300px;
-  border: 1px outset #777;
-  font-size: 0.8em;
-  font-family: Verdana,Helvetica,sans-serif;
-}
+
 @media screen and (max-width: 1250px) {
   #tools_top {
     height: 71px;