From 41070664c59af005c3c75384c550aed7e9c42fb9 Mon Sep 17 00:00:00 2001
From: silvererudite <shamima.hossain19@gmail.com>
Date: Thu, 31 Oct 2019 18:25:02 +0600
Subject: [PATCH] fixing white space around svg icon in edit-container mode

---
 src/css/popup.css | 6 ++++--
 src/js/popup.js   | 7 ++-----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/css/popup.css b/src/css/popup.css
index 7571d09..8c95602 100644
--- a/src/css/popup.css
+++ b/src/css/popup.css
@@ -583,9 +583,11 @@ span ~ .panel-header-text {
   padding-inline-start: 4px;
 }
 
-.edit-containers-panel .userContext-wrapper {
+/* disabling this removes white spaces around svg icon in edit-containers mode */
+
+/* .edit-containers-panel .userContext-wrapper {
   max-inline-size: calc(var(--overflow-size) + 203px);
-}
+} */
 
 .disable-edit-containers {
   opacity: var(--inactive-opacity);
diff --git a/src/js/popup.js b/src/js/popup.js
index 13f2036..4d8e1e2 100644
--- a/src/js/popup.js
+++ b/src/js/popup.js
@@ -895,6 +895,7 @@ Logic.registerPanel(P_CONTAINERS_EDIT, {
             src="/img/container-edit.svg"
             class="pop-button-image" />
         </td>
+        
         <td class="remove-container pop-button delete-container-icon">
           <img
             class="pop-button-image"
@@ -904,19 +905,15 @@ Logic.registerPanel(P_CONTAINERS_EDIT, {
       tr.querySelector(".container-name").textContent = identity.name;
       tr.querySelector(".edit-container").setAttribute("title", `Edit ${identity.name} container`);
       tr.querySelector(".remove-container").setAttribute("title", `Remove ${identity.name} container`);
-      //document.getElementById("halp").style.backgroundColor="red";
       function style(themeInfo){
         const tabl= document.getElementsByClassName("userContext-wrapper");
         const inner_tabl1=document.getElementsByClassName("edit-container");
         const inner_tabl2=document.getElementsByClassName("remove-container");
-    
+        tr.style.backgroundColor=themeInfo.colors.toolbar;
     // eslint-disable-next-line no-var
         for (var i = 0; i < tabl.length; i++) {
           tabl[i].style.backgroundColor=themeInfo.colors.toolbar;
-          //inner_tabl1[i].style.backgroundColor=themeInfo.colors.toolbar;
-          //inner_tabl2[i].style.backgroundColor=themeInfo.colors.toolbar;
           tabl[i].style.color=themeInfo.colors.tab_background_text;
-          
         }
         // eslint-disable-next-line no-var
         for(var j = 0; j < inner_tabl1.length; j++) {