💄 Assorted vertical tab style changes

Author: trickypr

CHANGELOG.md

@@ -11,6 +11,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Update Betterfox to `117.0`
 
+### Fixed
+
+- Assorted UI inconsistencies for vertical tabs
+- Make vertical tabs visible in fullscreen (tested in sway)
+
 ## 1.0.0-a.80
 
 ### Changed

src/browser/themes/pulse/addons/shared.css

@@ -202,6 +202,10 @@ tab.tabbrowser-tab:nth-child(1) {
   width: unset;
 }
 
+#new-tab-button {
+  margin: 0 !important;
+}
+
 /* =========================================================================- */
 /* General sidebar stuff */
 .sidebar-splitter {

src/browser/themes/pulse/vertical_tabs.css

@@ -121,6 +121,26 @@
   display: none;
 }
 
+/** Extra margins for pinned tabs */
+#browser
+  #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])
+  > #tabbrowser-arrowscrollbox
+  > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
+  margin-inline-start: 0px !important;
+}
+
+#browser .tab-content {
+  padding: 0 var(--inline-tab-padding) !important;
+}
+
+#browser .tab-throbber,
+#browser .tab-icon-pending,
+#browser .tab-icon-image,
+#browser .tab-sharing-icon-overlay,
+#browser .tab-icon-overlay {
+  margin-inline-end: 5.5px;
+}
+
 /* ========================================================================== */
 /* New tab icon styles */