From 57200b382f911de1b3edbd36db8083574730a756 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 28 Feb 2023 08:30:38 +0800
Subject: [PATCH] Style fixes for new tab/menu bar

---
 src/app.css                  | 8 +++++---
 src/components/shortcuts.css | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app.css b/src/app.css
index 3445a34f..b0c12d58 100644
--- a/src/app.css
+++ b/src/app.css
@@ -964,9 +964,11 @@ body:has(.status-deck) .media-post-link {
 #compose-button .icon {
   filter: drop-shadow(0 1px 2px var(--button-bg-color));
 }
-#app:has(#shortcuts .tab-bar) #compose-button {
-  bottom: calc(16px + 52px);
-  bottom: calc(16px + env(safe-area-inset-bottom) + 52px);
+@media (max-width: calc(40em - 1px)) {
+  #app:has(#shortcuts .tab-bar) #compose-button {
+    bottom: calc(16px + 52px);
+    bottom: calc(16px + env(safe-area-inset-bottom) + 52px);
+  }
 }
 
 /* SHEET */
diff --git a/src/components/shortcuts.css b/src/components/shortcuts.css
index dcec80b3..7cfd3aa7 100644
--- a/src/components/shortcuts.css
+++ b/src/components/shortcuts.css
@@ -120,10 +120,10 @@ shortcuts .tab-bar[hidden] {
 }
 
 @media (min-width: calc(40em)) {
-  .timeline-deck {
+  #app:has(#shortcuts .tab-bar) .timeline-deck {
     margin-top: 44px;
   }
-  .timeline-deck > header {
+  #app:has(#shortcuts .tab-bar) .timeline-deck > header {
     --margin-top: calc(44px + 8px);
   }
   #shortcuts .tab-bar:not([hidden]) {