From d6d10d091eddf470c18a3938b018d9c2ab946d6a Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Fri, 6 Oct 2023 18:13:10 +0800
Subject: [PATCH] Slight adjustments to tab bar styles

---
 src/components/shortcuts.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/shortcuts.css b/src/components/shortcuts.css
index aef3c086..211031f6 100644
--- a/src/components/shortcuts.css
+++ b/src/components/shortcuts.css
@@ -82,6 +82,8 @@
   list-style: none;
   display: flex;
   justify-content: center;
+  min-width: 20vw;
+  flex-basis: 20vw;
 }
 #shortcuts .tab-bar li a {
   -webkit-tap-highlight-color: transparent;
@@ -95,7 +97,11 @@
   padding: 8px;
   text-decoration: none;
   text-shadow: 0 var(--hairline-width) var(--bg-color);
-  width: 20vw;
+  width: 100%;
+
+  &:is(:hover, :focus) {
+    color: var(--text-color);
+  }
 }
 #shortcuts .tab-bar li a:active {
   transform: scale(0.95);
@@ -171,6 +177,8 @@ shortcuts .tab-bar[hidden] {
   }
   #shortcuts .tab-bar li {
     flex-grow: 0;
+    min-width: auto;
+    flex-basis: auto;
   }
   #shortcuts .tab-bar li a {
     padding: 0 16px;