From d07ba90892e2d3d96cfbd6965998492274f43f4f Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Sat, 11 Apr 2026 18:14:50 +0200
Subject: [PATCH] ui: improve mobile tab scrolling

---
 static/css/style.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/static/css/style.css b/static/css/style.css
index 51ac1e5..cb3db2f 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -747,6 +747,7 @@ main {
 .view-toggle a,
 .status-tabs a,
 .tab {
+  flex: 0 0 auto;
   border: none;
   background: var(--panel-soft);
   color: var(--text-muted);
@@ -755,6 +756,7 @@ main {
   font-family: var(--font);
   cursor: pointer;
   text-decoration: none;
+  white-space: nowrap;
 }
 
 .view-toggle a:hover,
@@ -1235,7 +1237,15 @@ main {
   .view-toggle {
     flex-wrap: nowrap;
     overflow-x: auto;
-    padding-bottom: 2px;
+    gap: var(--space-2);
+    padding-bottom: var(--space-1);
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .status-tabs a,
+  .tabs .tab,
+  .view-toggle a {
+    padding: 0.34rem 0.62rem;
   }
 
   .watchlist-table {