From 9d56df3c8c82cdc4432d0ccaac9f4787ee67a7fa Mon Sep 17 00:00:00 2001
From: agriyadev5 <agriya.dev5@agriya.in>
Date: Thu, 19 Aug 2021 12:29:03 +0530
Subject: [PATCH] #612 sespininput width class set changes

---
 src/editor/components/seSpinInput.js | 2 +-
 src/editor/panels/BottomPanel.js     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/editor/components/seSpinInput.js b/src/editor/components/seSpinInput.js
index ed87bfa9..0c3e38c8 100644
--- a/src/editor/components/seSpinInput.js
+++ b/src/editor/components/seSpinInput.js
@@ -88,9 +88,9 @@ export class SESpinInput extends HTMLElement {
     case 'src':
       this.$img.setAttribute('src', newValue);
       this.$label.remove();
+      this.$div.classList.add('imginside');
       break;
     case 'width':
-      this.$div.classList.add('imginside');
       this.$div.style.setProperty('--se-spin-input-width', newValue + 'px');
       break;
     case 'size':
diff --git a/src/editor/panels/BottomPanel.js b/src/editor/panels/BottomPanel.js
index dd9d82ad..4fd14c87 100644
--- a/src/editor/panels/BottomPanel.js
+++ b/src/editor/panels/BottomPanel.js
@@ -210,7 +210,7 @@ class BottomPanel {
               height="22px"></img></se-list-item>
         </se-list>
         <se-spin-input size="3" id="opacity" min=0 max=100 step=5 title="${i18next.t('properties.opacity')}"
-          src="${imgPath}/opacity.svg" width="82"></se-spin-input>
+          src="${imgPath}/opacity.svg"></se-spin-input>
         <se-palette id="palette"></se-palette>
       </div>
     `;