Auto close sidebar on mobile

static/css/components/sidebar.css

@@ -67,6 +67,18 @@
     body.with-sidebar {
         display: block;
     }
+
+    .main-content-area {
+        height: 100vh;
+        display: flex;
+        flex-direction: column;
+    }
+
+    #main-content {
+        flex: 1;
+        overflow-y: auto;
+        -webkit-overflow-scrolling: touch; /* For smooth scrolling on iOS */
+    }
 }
 
 .sidebar h2 {

static/js/app.js

@@ -207,6 +207,12 @@ function openFeed(feed) {
                 topBarTitle.innerHTML = `RSS Reader <span class="feed-title-separator">-</span> ${feed.name}`;
                 // Update the browser document title
                 document.title = `RSS Reader - ${feed.name}`;
+
+                // Close sidebar if on mobile
+                if (window.innerWidth <= 768) {
+                    const sidebar = document.getElementById('sidebar');
+                    sidebar.classList.remove('active');
+                }
             } else {
                 console.error('Failed to poll feed:', response.status);
             }