From d8576a74a9f1a22de785fad19e8ccc6746ae9d13 Mon Sep 17 00:00:00 2001
From: Ryderjj89 <raiden89@live.com>
Date: Sat, 13 Sep 2025 19:14:03 -0400
Subject: [PATCH] Fix verse hover visibility - make stars always visible with
 opacity-60, hover to opacity-100

---
 frontend/src/components/BibleReader.tsx | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/frontend/src/components/BibleReader.tsx b/frontend/src/components/BibleReader.tsx
index 1c9ef3da..87b72651 100644
--- a/frontend/src/components/BibleReader.tsx
+++ b/frontend/src/components/BibleReader.tsx
@@ -225,11 +225,7 @@ const BibleReader: React.FC<BibleReaderProps> = ({ book, chapter, onBack, format
             {user && (
               <button
                 onClick={() => toggleFavorite(verseNumber)}
-                className={`mr-2 mt-1 p-1 rounded transition-all ${
-                  favorites.has(verseNumber) 
-                    ? 'opacity-100' 
-                    : 'opacity-30 hover:opacity-100 group-hover:opacity-100'
-                } hover:bg-gray-200 dark:hover:bg-gray-600`}
+                className="mr-2 mt-1 p-1 rounded transition-all opacity-60 hover:opacity-100 hover:bg-gray-200 dark:hover:bg-gray-600"
                 title={favorites.has(verseNumber) ? 'Remove from favorites' : 'Add to favorites'}
               >
                 <Star