Slight adjustments to tab bar styles

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;