UI Refinements: remove redundant header and fix global monospace font stack

6 files changed, 13 insertions, 23 deletions

diff --git a/frontend/src/App.css b/frontend/src/App.css
index a51fef3..f7c977a 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -5,9 +5,6 @@
 
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
@@ -32,7 +29,6 @@ body {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: bold;
 }
 
@@ -45,7 +41,6 @@ body {
 
 .nav-link,
 .logout-btn {
-  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-variant: small-caps;
   text-transform: lowercase;
diff --git a/frontend/src/components/FeedItem.css b/frontend/src/components/FeedItem.css
index 06fac2f..fef1f93 100644
--- a/frontend/src/components/FeedItem.css
+++ b/frontend/src/components/FeedItem.css
@@ -23,7 +23,8 @@
 
 .item-title {
     font-size: 1.25rem;
-    /* Legacy h3 size approx */
+    font-weight: bold;
+    /* Legacy headers were bold */
     text-decoration: none;
     color: #333;
     display: block;
diff --git a/frontend/src/components/FeedItems.tsx b/frontend/src/components/FeedItems.tsx
index 9e732a0..aaec2f4 100644
--- a/frontend/src/components/FeedItems.tsx
+++ b/frontend/src/components/FeedItems.tsx
@@ -160,16 +160,9 @@ export default function FeedItems() {
     if (loading) return <div className="feed-items-loading">Loading items...</div>;
     if (error) return <div className="feed-items-error">Error: {error}</div>;
 
-    let title = 'Items';
-    if (tagName) title = `Tag: ${tagName}`;
-    else if (feedId) title = 'Feed Items';
-    else if (filterFn === 'starred') title = 'Starred Items';
-    else if (filterFn === 'all') title = 'All Items';
-    else title = 'Unread Items';
 
     return (
         <div className="feed-items">
-            <h2>{title}</h2>
             {items.length === 0 ? (
                 <p>No items found.</p>
             ) : (
diff --git a/frontend/src/components/FeedList.css b/frontend/src/components/FeedList.css
index 1c7395a..3b854b5 100644
--- a/frontend/src/components/FeedList.css
+++ b/frontend/src/components/FeedList.css
@@ -21,7 +21,7 @@
     margin: 0;
 }
 
-.feed-item {
+.sidebar-feed-item {
     padding: 0.25rem 0;
     border-bottom: none;
     /* Clean look */
@@ -75,6 +75,7 @@
     display: block;
     /* Stack vertically */
 }
+
 .filter-list {
     display: block;
 }
@@ -94,4 +95,4 @@
 .filter-list li a:hover {
     color: blue;
     background-color: transparent;
-}
+}
\ No newline at end of file
diff --git a/frontend/src/components/FeedList.tsx b/frontend/src/components/FeedList.tsx
index d1a4625..91d927c 100644
--- a/frontend/src/components/FeedList.tsx
+++ b/frontend/src/components/FeedList.tsx
@@ -50,7 +50,7 @@ export default function FeedList() {
                 ) : (
                     <ul className="feed-list-items">
                         {feeds.map((feed) => (
-                            <li key={feed._id} className="feed-item">
+                            <li key={feed._id} className="sidebar-feed-item">
                                 <Link to={`/feed/${feed._id}`} className="feed-title">
                                     {feed.title || feed.url}
                                 </Link>
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 3d51caf..fcfde1b 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,6 +1,11 @@
+:root,
+body,
+* {
+  font-family: 'Courier New', Courier, monospace !important;
+  /* Strongly force fixed width as requested */
+}
+
 :root {
-  font-family: 'Courier New', Courier, monospace;
-  /* Fixed width as requested */
   line-height: 1.5;
   font-weight: 400;
 
@@ -11,10 +16,6 @@
   --link-color: #0000EE;
   /* Standard blue link */
 
-  font-family: 'Courier New', Courier, monospace;
-  line-height: 1.5;
-  font-weight: 400;
-
   color-scheme: light dark;
   color: var(--text-color);
   background-color: var(--bg-color);
@@ -41,7 +42,6 @@ body {
   margin: 0;
   min-width: 320px;
   min-height: 100vh;
-  /* Removed flex centering to allow natural flow */
 }
 
 h1 {