From 067486e4dfd8474315d2693bc08d99084b03d4f5 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 28 Feb 2023 08:38:46 +0800
Subject: [PATCH] More style fixes

---
 src/components/shortcuts.css | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/shortcuts.css b/src/components/shortcuts.css
index 7cfd3aa7..d49576d6 100644
--- a/src/components/shortcuts.css
+++ b/src/components/shortcuts.css
@@ -75,6 +75,7 @@
   padding: 0;
   list-style: none;
   display: flex;
+  justify-content: center;
 }
 #shortcuts .tab-bar li a {
   display: block;
@@ -119,7 +120,7 @@ shortcuts .tab-bar[hidden] {
   user-select: none;
 }
 
-@media (min-width: calc(40em)) {
+@media (min-width: 40em) {
   #app:has(#shortcuts .tab-bar) .timeline-deck {
     margin-top: 44px;
   }
@@ -136,8 +137,13 @@ shortcuts .tab-bar[hidden] {
     box-shadow: none;
     border-bottom: var(--hairline-width) solid var(--bg-faded-color);
   }
-  #shortcuts .tab-bar ul {
-    justify-content: center;
+  #shortcuts .tab-bar ul:before {
+    content: '';
+    margin: auto;
+  }
+  #shortcuts .tab-bar ul:after {
+    content: '';
+    margin: auto;
   }
   #shortcuts .tab-bar li {
     flex-grow: 0;