rewrite centered_tab_content.css

chrome/centered_tab_content.css

@@ -1,9 +1,20 @@
 /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/centered_tab_content.css made available under Mozilla Public License v. 2.0
 See the above repository for updates as well as full license text. */
 .tabbrowser-tab[selected]:not(:hover):not([pinned]) .tab-label-container,
-#tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab:not(:hover):not([pinned]) .tab-label-container{ margin-inline-end: 7px }
-.tab-content:not([pinned])::before{
-  display: -moz-box;
-  content: "";
-  -moz-box-flex: 1;
-}
+#tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab:not(:hover):not([pinned]) .tab-label-container{ margin-inline-end: 6px !important }
+
+.tab-icon-stack{
+  margin-inline-start: auto
+}
+.tab-label-container{
+  max-width: min-content;
+}
+.tab-label{
+  padding-inline-end: .5em;
+}
+.tab-close-button{
+  margin-inline-end: auto !important;
+}
+:root:not([customizing]) .tab-content{
+  margin-inline-end: -3px;
+}