From a9870bd053ec772307e4c1d3ac45433502150ea2 Mon Sep 17 00:00:00 2001
From: MrOtherGuy <jastekken@outlook.com>
Date: Sun, 9 May 2021 07:47:17 +0300
Subject: [PATCH] simplify tab-close-button styling

---
 chrome/combined_favicon_and_tab_close_button.css | 9 ++++-----
 chrome/compact_proton.css                        | 9 +++++----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/chrome/combined_favicon_and_tab_close_button.css b/chrome/combined_favicon_and_tab_close_button.css
index 10410d2..21255f1 100644
--- a/chrome/combined_favicon_and_tab_close_button.css
+++ b/chrome/combined_favicon_and_tab_close_button.css
@@ -8,9 +8,9 @@ See the above repository for updates as well as full license text. */
   display: -moz-box !important;
   position: relative;
   margin-inline: -1px -19px !important;
-  padding: 0px !important;
   z-index: -1;
   visibility: hidden;
+  width: unset !important;
 }
 .tabbrowser-tab[pinned] .tab-close-button{ display: none !important; }
 .tabbrowser-tab:hover .tab-close-button{
@@ -20,9 +20,8 @@ See the above repository for updates as well as full license text. */
 
 @media (-moz-proton){
   .tab-close-button{
-    margin-inline: -4px calc(-16px - var(--inline-tab-padding) / 2) !important;
-    padding: 7px !important;
-    width: calc(16px + var(--inline-tab-padding)) !important;
+    margin-inline: -4px -20px !important;
+    padding-inline-start: 7px !important;
   }
 }
 
@@ -49,4 +48,4 @@ See the above repository for updates as well as full license text. */
 .tab-icon-stack:hover ~ .tab-close-button,
 .tab-close-button:hover,
 .tabbrowser-tab:not([image]):hover .tab-close-button{ visibility: visible; z-index: 1;  }
-.tabbrowser-tab:not([image]):hover .tab-close-button{ margin-inline-end: 0 !important; }
\ No newline at end of file
+.tabbrowser-tab:not([image]):hover .tab-close-button{ margin-inline-end: 0 !important; }
diff --git a/chrome/compact_proton.css b/chrome/compact_proton.css
index 1f71216..88d8187 100644
--- a/chrome/compact_proton.css
+++ b/chrome/compact_proton.css
@@ -18,16 +18,17 @@ menupopup > menu{ padding-block: 0.3em !important; }
 
 #urlbar-container{ padding-block: 2px !important; }
 #urlbar-background{ margin-block: 1px }
+
 /* This is kinda weird, but it makes the horizontal line between tabs and nav-bar render "inside" nav-bar thus tabs are more visibily separated even if there is less space there */
 #nav-bar{ 
   box-shadow: inset 0 var(--tabs-shadow-size) 0 var(--tabs-border-color) !important;
 }
 
 .tab-close-button{
-  margin-inline-start: 2px !important;
-  width: 16px !important;
-  height: 16px !important;
-  padding: 1px !important;
+  margin-inline-start: 0px !important;
+  width: 20px !important;
+  height: 20px !important;
+  padding: 5px !important;
 }
 
 #tabbrowser-tabs{ --uc-tabs-scrollbutton-border: 2px }