From 88a67160f2fc0886a65a00b9da7238d469d1615d Mon Sep 17 00:00:00 2001
From: AIIrondev <iron.ai.dev@gmail.com>
Date: Fri, 17 Apr 2026 20:58:19 +0200
Subject: [PATCH] feat: Refactor mobile navigation styles for improved layout
 and responsiveness

---
 Web/templates/base.html | 45 +++++++++++++++--------------------------
 1 file changed, 16 insertions(+), 29 deletions(-)

diff --git a/Web/templates/base.html b/Web/templates/base.html
index 606c81a..96579fd 100755
--- a/Web/templates/base.html
+++ b/Web/templates/base.html
@@ -711,31 +711,25 @@
                 width: 100%;
             }
 
-            .navbar-mobile-arranged .navbar-collapse {
-                display: block;
-            }
+            @media (max-width: 520px) {
+                .function-search-form {
+                    flex-direction: column;
+                }
 
-            .navbar-mobile-arranged .navbar-nav {
-                flex-direction: column;
-            }
+                .function-search-input,
+                .function-search-btn,
+                .user-menu-btn,
+                .module-selector-bar .module-tab {
+                    width: 100%;
+                }
 
-            body.nav-mobile-tight .function-search-form {
-                flex-direction: column;
-            }
+                .module-selector-bar .module-tabs {
+                    flex-direction: column;
+                }
 
-            body.nav-mobile-tight .function-search-input,
-            body.nav-mobile-tight .function-search-btn,
-            body.nav-mobile-tight .user-menu-btn,
-            body.nav-mobile-tight .module-selector-bar .module-tab {
-                width: 100%;
-            }
-
-            body.nav-mobile-tight .module-selector-bar .module-tabs {
-                flex-direction: column;
-            }
-
-            body.nav-mobile-tight .navbar-text {
-                font-size: 0.88rem;
+                .navbar-text {
+                    font-size: 0.88rem;
+                }
             }
         }
     </style>
@@ -1468,13 +1462,6 @@
                     if (!navRoot || !navContainer) return;
                     const width = navContainer.clientWidth || window.innerWidth;
                     navRoot.classList.remove('nav-compact', 'nav-ultra-compact');
-                    navRoot.classList.toggle('nav-mobile-arranged', window.innerWidth < 992);
-                    navRoot.classList.toggle('nav-mobile-tight', window.innerWidth < 520);
-
-                    if (document.body) {
-                        document.body.classList.toggle('nav-mobile-arranged', window.innerWidth < 992);
-                        document.body.classList.toggle('nav-mobile-tight', window.innerWidth < 520);
-                    }
 
                     if (window.innerWidth < 992) {
                         return;