From d43ef0d151cc0ce2a8a4b0723d8147dc44644e57 Mon Sep 17 00:00:00 2001
From: Wilfred Wee <wilfred.wee@outlook.com>
Date: Sat, 28 Mar 2020 16:15:50 -0700
Subject: [PATCH] Fix tab label text appearing on pinned tab. (#93)

Only happens for compact density, which I don't regularly
test against.
---
 userChrome-dark.css    | 5 +++++
 userChrome-default.css | 5 +++++
 userChrome-light.css   | 5 +++++
 3 files changed, 15 insertions(+)

diff --git a/userChrome-dark.css b/userChrome-dark.css
index db41fb8..c2939f1 100644
--- a/userChrome-dark.css
+++ b/userChrome-dark.css
@@ -12,6 +12,11 @@
   margin-top: 2px !important;
 }
 
+/* To prevent tab label appearing on pinned tab in compact mode. */
+.tab-content {
+  padding: 0 12px !important;
+}
+
 /* When the window is maximized, the first pinned tab is properly displayed. */
 #TabsToolbar  {
   padding-inline-start: 15px !important;
diff --git a/userChrome-default.css b/userChrome-default.css
index 117bf1d..9e5ddb7 100644
--- a/userChrome-default.css
+++ b/userChrome-default.css
@@ -12,6 +12,11 @@
   margin-top: 2px !important;
 }
 
+/* To prevent tab label appearing on pinned tab in compact mode. */
+.tab-content {
+  padding: 0 12px !important;
+}
+
 /* When the window is maximized, the first pinned tab is properly displayed. */
 #TabsToolbar  {
   padding-inline-start: 15px !important;
diff --git a/userChrome-light.css b/userChrome-light.css
index 9d78dfb..b6cf08a 100644
--- a/userChrome-light.css
+++ b/userChrome-light.css
@@ -16,6 +16,11 @@
   margin-top: 2px !important;
 }
 
+/* To prevent tab label appearing on pinned tab in compact mode. */
+.tab-content {
+  padding: 0 12px !important;
+}
+
 /* When the window is maximized, the first pinned tab is properly displayed. */
 #TabsToolbar  {
   padding-inline-start: 15px !important;