style: add responsive CSS tweaks for very narrow screens, mobile fullscreen windows, and safe-area toast positioning

2026-06-09 17:26:34 +00:00
parent 671c42316b
commit c89dbaf41e
9 changed files with 78 additions and 42 deletions
@@ -416,6 +416,19 @@
        padding-left: 0;
        width: 100%;
    }
+
+    .feed-nav {
+        gap: 0.125rem;
+        overflow-x: auto;
+        flex-wrap: nowrap;
+        -webkit-overflow-scrolling: touch;
+    }
+
+    .feed-nav-btn {
+        padding: 0.25rem 0.5rem;
+        font-size: 0.75rem;
+        flex-shrink: 0;
+    }
 }

 .leaderboard-page {