From 03f9da0b02647d7980b2abfff221db70613f1d8a Mon Sep 17 00:00:00 2001
From: Agriya Dev5 <agriya.dev5@agriya.in>
Date: Tue, 8 Dec 2020 11:39:50 +0530
Subject: [PATCH] #se-menu-style-issue menu items a little smaller and
 vertically centered

---
 src/editor/components/seMenuItem.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/editor/components/seMenuItem.js b/src/editor/components/seMenuItem.js
index d93a0860..48112456 100644
--- a/src/editor/components/seMenuItem.js
+++ b/src/editor/components/seMenuItem.js
@@ -7,7 +7,7 @@ template.innerHTML = `
   <style>
   </style>  
   <elix-menu-item>
-    <div>
+    <div style="display:inline-block;">
       <img src="" alt="icon" style="display:none;" /> 
       <span></span>
     </div>
@@ -28,6 +28,8 @@ export class SeMenuItem extends HTMLElement {
     this.$img = this._shadowRoot.querySelector('img');
     this.$label = this._shadowRoot.querySelector('span');
     this.$menuitem = this._shadowRoot.querySelector('elix-menu-item');
+    this.$svg = this.$menuitem.shadowRoot.querySelector('#checkmark');
+    this.$svg.setAttribute('style', 'width:1px;height:1px;');
   }
   /**
    * @function observedAttributes