From 072af12ffec2050f29ee7c49b3786730ef1a81a3 Mon Sep 17 00:00:00 2001
From: Mo <mo@standardnotes.com>
Date: Tue, 10 May 2022 10:43:24 -0500
Subject: [PATCH] fix: dimmed tags issue on safari + increase tag density

---
 app/assets/stylesheets/_columns.scss    | 2 +-
 app/assets/stylesheets/_navigation.scss | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/_columns.scss b/app/assets/stylesheets/_columns.scss
index 5f020b4f1..9bf22927e 100644
--- a/app/assets/stylesheets/_columns.scss
+++ b/app/assets/stylesheets/_columns.scss
@@ -4,7 +4,7 @@
 }
 
 .app-column-first {
-  width: 180px;
+  width: 220px;
   flex-shrink: 0.2;
 }
 
diff --git a/app/assets/stylesheets/_navigation.scss b/app/assets/stylesheets/_navigation.scss
index 2b5f461ea..0b8628527 100644
--- a/app/assets/stylesheets/_navigation.scss
+++ b/app/assets/stylesheets/_navigation.scss
@@ -73,10 +73,7 @@ $content-horizontal-padding: 16px;
   .tag,
   .root-drop {
     font-size: 14px;
-    line-height: 18px;
-
-    min-height: 29px;
-    padding: 5px 14px;
+    padding: 4px 14px;
     cursor: pointer;
     transition: height 0.1s ease-in-out;
     position: relative;
@@ -127,6 +124,7 @@ $content-horizontal-padding: 16px;
         background-color: transparent;
         font-weight: 600;
         color: var(--sn-stylekit-secondary-foreground-color);
+        -webkit-text-fill-color: var(--sn-stylekit-secondary-foreground-color);
         border: none;
         cursor: pointer;
         text-overflow: ellipsis;