From be5d8140c90056aae357f4c0d8b9ee59a7f2aa9a Mon Sep 17 00:00:00 2001
From: Robin <robin@robin.town>
Date: Tue, 23 Jun 2026 09:42:28 +0200
Subject: [PATCH] Make it clearer why the app bar elements need to be hidden
 individually

---
 src/AppBar.module.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/AppBar.module.css b/src/AppBar.module.css
index 1e82a7d18..7fcab0c69 100644
--- a/src/AppBar.module.css
+++ b/src/AppBar.module.css
@@ -71,15 +71,17 @@
 @media (max-height: 450px) {
   .bar {
     display: none;
+  }
+
+  .bar:has(.subtitle) {
+    display: initial;
+
     .title,
     .primaryButton,
     .secondaryButton {
       display: none;
     }
-  }
 
-  .bar:has(.subtitle) {
-    display: initial;
     > header {
       grid-template-columns: 1fr;
       grid-template-rows: var(--cpd-space-5x) minmax(var(--cpd-space-5x), auto);