From 490edf9e9f2911231df6c76ef4afeb3b1fb763d2 Mon Sep 17 00:00:00 2001
From: Adam Mathes <adam@adammathes.com>
Date: Sat, 14 Feb 2026 14:49:09 -0800
Subject: task: improve mobile responsiveness of React UI\n\n- Added media
 queries to App.css to handle mobile sidebar layout (overlay with backdrop)\n-
 Implemented auto-hiding sidebar on mobile when links are clicked\n- Reduced
 padding and adjusted max-widths for smaller screens in App.css, FeedItem.css,
 and Settings.css\n- Added window resize listener to Dashboard to manage
 sidebar visibility based on width\n- Verified all existing tests
 pass\n\nFixes NK-g818qn

---
 frontend/src/components/Settings.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

(limited to 'frontend/src/components/Settings.css')

diff --git a/frontend/src/components/Settings.css b/frontend/src/components/Settings.css
index c8784a0..3738e61 100644
--- a/frontend/src/components/Settings.css
+++ b/frontend/src/components/Settings.css
@@ -110,8 +110,23 @@
 }
 
 @media (max-width: 600px) {
+  .settings-page {
+    padding: 1rem;
+  }
+
+  .add-feed-form {
+    flex-direction: column;
+  }
+
   .import-export-section {
     flex-direction: column;
+    gap: 1rem;
+  }
+
+  .settings-feed-item {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 1rem;
   }
 }
 
-- 
cgit v1.2.3