From e81922ef919499670c6ca5810035cda4774d5f68 Mon Sep 17 00:00:00 2001
From: Claude <claude@firefrostgaming.com>
Date: Tue, 7 Apr 2026 22:17:57 +0000
Subject: [PATCH] Fix mobile sidebar overlap - hide Collections pane on mobile

Issue: Collections sidebar was overlapping main content on mobile screens
Fix: Hide sidebar completely on mobile (display: none)

Mobile users navigate via the top navigation/breadcrumbs instead.
Content now takes full width without sidebar overlap.
---
 admin/index.html | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/admin/index.html b/admin/index.html
index 92e2f65..bba06f0 100644
--- a/admin/index.html
+++ b/admin/index.html
@@ -22,6 +22,13 @@
     ═══════════════════════════════════════════════════════════ */
     
     @media (max-width: 768px) {
+      /* Sidebar - HIDDEN by default on mobile */
+      aside,
+      [class*="Sidebar"],
+      nav[class*="Sidebar"] {
+        display: none !important;
+      }
+      
       /* Main content takes full width */
       main,
       [class*="MainContent"],