04/19 Continue fixing the UI issues with Chrome 3

app/static/js/vault.js

@@ -1867,10 +1867,10 @@ const Vault = (() => {
     // Tabs
     document.querySelectorAll('.panel-tabs').forEach(c => initTabs(c));
 
-    // Sidebar collapse toggle — desktop only (mobile uses hamburger instead)
+    // Sidebar collapse toggle (desktop) and mobile hamburger
     const sidebar = document.getElementById('sidebar');
     const toggleBtn = document.getElementById('btn-sidebar-toggle');
-    if (sidebar && toggleBtn && document.documentElement.classList.contains('is-desktop')) {
+    if (sidebar && toggleBtn) {
       const STORAGE_KEY = 'sidebar_collapsed';
       if (localStorage.getItem(STORAGE_KEY) === '1') {
         sidebar.classList.add('collapsed');
@@ -1905,9 +1905,10 @@ const Vault = (() => {
     backdrop?.addEventListener('touchstart', closeMobileSidebar, { passive: true });
 
     // Close mobile sidebar when a nav item is tapped (mobile only)
+    const mobileQuery = window.matchMedia('(max-width: 768px)');
     document.querySelectorAll('.sidebar-item').forEach(item => {
       item.addEventListener('click', () => {
-        if (document.documentElement.classList.contains('is-mobile')) closeMobileSidebar();
+        if (mobileQuery.matches) closeMobileSidebar();
       });
     });