From 102b62986f9c7473adbdce2ca770b1db3cbf6b1f Mon Sep 17 00:00:00 2001
From: treamz <treamz@gmail.com>
Date: Sun, 22 Mar 2026 10:41:16 +0300
Subject: [PATCH] Sidebar: remove WA logo, fix mobile (no scroll, compact
 icons, hide admin/dividers)

- Remove sidebar-logo WA text
- Mobile: icons 32px, gap 2px, overflow hidden (no horizontal scroll)
- Hide dividers on mobile
- Hide admin link on mobile
- Compact bottom bar fits all 16 tools
---
 public/shared.css | 12 ++++++++----
 public/shared.js  |  1 -
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/public/shared.css b/public/shared.css
index a7ee26e..896b589 100644
--- a/public/shared.css
+++ b/public/shared.css
@@ -71,11 +71,15 @@ body {
 
 /* Mobile bottom bar */
 @media(max-width:640px) {
-    .sidebar { position:fixed;top:auto;bottom:0;left:0;width:100%;height:52px;flex-direction:row;justify-content:center;padding:0 16px;border-right:none;border-top:1px solid var(--surface-600);gap:0 }
+    .sidebar { position:fixed;top:auto;bottom:0;left:0;width:100%;height:52px;flex-direction:row;justify-content:center;padding:0 8px;border-right:none;border-top:1px solid var(--surface-600);gap:0 }
     .sidebar-logo { display:none }
-    .sidebar-nav { flex-direction:row;gap:4px;flex:none }
-    .sidebar-bottom { margin-top:0;margin-left:auto;flex-direction:row }
-    .sidebar-link.active::before { left:50%;top:auto;bottom:-6px;transform:translateX(-50%);width:20px;height:3px;border-radius:3px 3px 0 0 }
+    .sidebar-nav { flex-direction:row;gap:2px;flex:1;justify-content:center;overflow:hidden }
+    .sidebar-divider { display:none }
+    .sidebar-link { width:32px;height:32px;border-radius:6px }
+    .sidebar-link svg { width:18px;height:18px }
+    .sidebar-link.active::before { left:50%;top:auto;bottom:-6px;transform:translateX(-50%);width:16px;height:2px;border-radius:2px 2px 0 0 }
+    .sidebar-bottom { margin-top:0;margin-left:auto;flex-direction:row;flex-shrink:0 }
+    .sidebar-admin-link { display:none !important }
     .main-content { margin-left:0;padding-bottom:60px }
 }
 
diff --git a/public/shared.js b/public/shared.js
index c1892c3..5a5d741 100644
--- a/public/shared.js
+++ b/public/shared.js
@@ -87,7 +87,6 @@ function initSidebar(activeId) {
     const nav = document.createElement('nav');
     nav.className = 'sidebar';
     nav.innerHTML = `
-    <div class="sidebar-logo">WA</div>
     <div class="sidebar-nav">
         ${linksHtml}
     </div>