1 files changed, 47 insertions, 56 deletions

diff --git a/frontend/src/components/FeedList.css b/frontend/src/components/FeedList.css
index b8ca7e6..1c7395a 100644
--- a/frontend/src/components/FeedList.css
+++ b/frontend/src/components/FeedList.css
@@ -1,106 +1,97 @@
 .feed-list {
-    padding: 1rem;
-    background: white;
-    border-radius: 8px;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    /* Removed card styling */
+    padding: 0;
+    background: transparent;
 }
 
 .feed-list h2 {
-    margin-top: 0;
-    border-bottom: 1px solid #eee;
-    padding-bottom: 0.5rem;
+    font-size: 1.2rem;
+    margin-bottom: 0.5rem;
+    border-bottom: 1px solid #999;
+    padding-bottom: 0.25rem;
+    text-transform: uppercase;
+    letter-spacing: 1px;
 }
 
-.feed-list-items {
+.feed-list-items,
+.tag-list-items,
+.filter-list {
     list-style: none;
     padding: 0;
     margin: 0;
 }
 
 .feed-item {
-    padding: 0.75rem 0;
-    border-bottom: 1px solid #f0f0f0;
+    padding: 0.25rem 0;
+    border-bottom: none;
+    /* Clean look */
     display: flex;
     justify-content: space-between;
     align-items: center;
 }
 
-.feed-item:last-child {
-    border-bottom: none;
-}
-
 .feed-title {
-    text-decoration: none;
     color: #333;
-    font-weight: 500;
+    text-decoration: none;
+    font-size: 0.9rem;
 }
 
 .feed-title:hover {
-    color: #007bff;
+    text-decoration: underline;
+    color: #000;
 }
 
 .feed-category {
-    background: #e9ecef;
-    padding: 0.2rem 0.5rem;
-    border-radius: 4px;
-    font-size: 0.8rem;
-    color: #666;
+    display: none;
+    /* Hide category in sidebar list to save space/match legacy simplicity if needed */
 }
+
 .tag-section {
     margin-top: 2rem;
-    border-top: 1px solid #eee;
-    padding-top: 1rem;
-}
-
-.tag-list-items {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.5rem;
 }
 
-.tag-item {
-    display: inline-block;
-}
-
-.tag-link {
-    display: block;
-    padding: 0.3rem 0.6rem;
-    background: #e9ecef;
-    border-radius: 12px;
-    text-decoration: none;
+.tag-link,
+.filter-list li a {
     color: #333;
+    text-decoration: none;
     font-size: 0.9rem;
-    transition: background-color 0.2s;
+    display: block;
+    padding: 0.1rem 0;
 }
 
-.tag-link:hover {
-    background: #dde2e6;
+.tag-link:hover,
+.filter-list li a:hover {
+    text-decoration: underline;
+    background: transparent;
+    /* No hover bg */
     color: #000;
 }
 
 .filter-section {
-    padding-bottom: 1rem;
-    border-bottom: 1px solid #eee;
-    margin-bottom: 1rem;
+    margin-bottom: 2rem;
 }
 
 .filter-list {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    display: flex;
-    gap: 1rem;
+    display: block;
+    /* Stack vertically */
+}
+.filter-list {
+    display: block;
 }
 
 .filter-list li a {
     text-decoration: none;
     color: #333;
-    font-weight: 500;
+    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+    font-weight: bold;
+    font-variant: small-caps;
+    text-transform: lowercase;
+    font-size: 1.1rem;
+    display: block;
+    margin-bottom: 0.5rem;
 }
 
 .filter-list li a:hover {
-    color: #007bff;
+    color: blue;
+    background-color: transparent;
 }