From 7cd78b8003cd1ffafe3a332f01e9fb4e2da4e206 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 28 Feb 2023 22:25:15 +0800
Subject: [PATCH] Due to the tab bar, scrollables need bottom padding

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

diff --git a/src/components/shortcuts.css b/src/components/shortcuts.css
index d49576d6..a7e844ed 100644
--- a/src/components/shortcuts.css
+++ b/src/components/shortcuts.css
@@ -120,6 +120,12 @@ shortcuts .tab-bar[hidden] {
   user-select: none;
 }
 
+@media (max-width: calc(40em - 1px)) {
+  #app:has(#shortcuts .tab-bar) .deck-container {
+    padding-bottom: 52px;
+  }
+}
+
 @media (min-width: 40em) {
   #app:has(#shortcuts .tab-bar) .timeline-deck {
     margin-top: 44px;