From 5fe420b7bc8efdb296d25b00b29f2c8d15e30e30 Mon Sep 17 00:00:00 2001
From: koko210Serve <koko.yordanov@proton.me>
Date: Sat, 7 Feb 2026 22:16:01 +0200
Subject: [PATCH] Web UI tabs made into two rows

---
 bot/static/index.html | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/bot/static/index.html b/bot/static/index.html
index f916edd..aace144 100644
--- a/bot/static/index.html
+++ b/bot/static/index.html
@@ -416,14 +416,19 @@
     }
     
     .tab-buttons {
-      display: flex;
+      display: grid;
+      grid-template-rows: repeat(2, auto);
+      grid-auto-flow: column;
+      grid-auto-columns: max-content;
       border-bottom: 2px solid #333;
       margin-bottom: 1rem;
       overflow-x: auto;
       overflow-y: hidden;
-      white-space: nowrap;
       scrollbar-width: thin;
       scrollbar-color: #555 #222;
+      row-gap: 0.05rem;
+      column-gap: 0.1rem;
+      padding-bottom: 0.1rem;
     }
     
     .tab-buttons::-webkit-scrollbar {
@@ -447,12 +452,10 @@
       background: #222;
       color: #ccc;
       border: none;
-      padding: 0.8rem 1.5rem;
+      padding: 0.5rem 1rem;
       cursor: pointer;
       border-bottom: 3px solid transparent;
-      margin-right: 0.5rem;
       transition: all 0.3s ease;
-      flex-shrink: 0;
       white-space: nowrap;
     }