From 1a5d6358bfdde7f996894135799a135a00cdf73a Mon Sep 17 00:00:00 2001
From: Gerome Matilla <gerome.matilla07@gmail.com>
Date: Sun, 16 Aug 2020 09:25:18 +0800
Subject: [PATCH] Compact compact mode

---
 userChrome.css | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/userChrome.css b/userChrome.css
index 62458a4..763208d 100644
--- a/userChrome.css
+++ b/userChrome.css
@@ -170,8 +170,8 @@ toolbarbutton {
 	margin: 0 15% !important;
 }
 
-/* URL bar and toolbar height if not compact mode */
-:root:not([uidensity="compact"]) #urlbar {
+/* URL bar and toolbar height */
+#urlbar {
 	--urlbar-height: 36px !important;
 	--urlbar-toolbar-height: 40px !important;
 }
@@ -436,10 +436,10 @@ The tabs container
 
 /* Move tab bar beneath the url bar */
 #titlebar {
+	/*
+	Set the value to 3 to move the tabbar below the navbar
+	*/
 	-moz-box-ordinal-group: 1 !important;
-	
-	/* 	Uncomment the line below to move tabbar below navbar */
-	/* 	-moz-box-ordinal-group: 3 !important; */
 }
 
 #titlebar::after {
@@ -459,7 +459,12 @@ The tabs container
 /* 	Set minimum height for tab bar */
 #tabbrowser-tabs {
 	--tab-min-height: 0;
-	margin: 6px 6px 5px 5px;
+	margin: 6px 5px 6px 5px;
+}
+
+/* Compact mode */
+:root[uidensity="compact"] #tabbrowser-tabs {
+	margin: 0 !important;
 }
 
 /* Hide solo tab */
@@ -606,6 +611,10 @@ hbox.tab-content[pinned=true] .tab-text {
 	margin-bottom: 0 !important;
 }
 
+:root[uidensity="compact"] .tabbrowser-tab {
+	border-radius: 0 !important;
+}
+
 .tabbrowser-tab:hover {
 	box-shadow: 0 1px 4px rgba(0,0,0,.05);
 }