From 3ec5a616135d996f1f305d9c0e8b2a232f9722a0 Mon Sep 17 00:00:00 2001
From: Adam Mathes <adam@adammathes.com>
Date: Fri, 13 Feb 2026 14:37:06 -0800
Subject: Remove distracting item selection highlight while keeping keyboard
 navigation

---
 frontend/src/components/FeedItems.css | 9 ---------
 frontend/src/components/FeedItems.tsx | 2 +-
 2 files changed, 1 insertion(+), 10 deletions(-)

(limited to 'frontend/src/components')

diff --git a/frontend/src/components/FeedItems.css b/frontend/src/components/FeedItems.css
index 54c882a..31394a4 100644
--- a/frontend/src/components/FeedItems.css
+++ b/frontend/src/components/FeedItems.css
@@ -13,15 +13,6 @@
     padding: 0;
 }
 
-.selected-item-container {
-    border-left: 4px solid #007bff;
-    background-color: #f8f9fa;
-    padding-left: 0.5rem;
-    margin-left: -0.5rem;
-    /* Compensate for padding/border to keep alignment */
-    transition: background-color 0.2s;
-}
-
 .loading-more {
     padding: 2rem;
     text-align: center;
diff --git a/frontend/src/components/FeedItems.tsx b/frontend/src/components/FeedItems.tsx
index 179d5cd..dcfd867 100644
--- a/frontend/src/components/FeedItems.tsx
+++ b/frontend/src/components/FeedItems.tsx
@@ -205,7 +205,7 @@ export default function FeedItems() {
                             id={`item-${index}`}
                             key={item._id}
                             data-index={index}
-                            className={index === selectedIndex ? 'selected-item-container' : ''}
+                            data-selected={index === selectedIndex}
                             onClick={() => setSelectedIndex(index)}
                         >
                             <FeedItem item={item} />
-- 
cgit v1.2.3