From df65718afdadcb3974bc60855d15fe7a36763289 Mon Sep 17 00:00:00 2001
From: Ryderjj89 <raiden89@live.com>
Date: Sun, 14 Sep 2025 12:56:45 -0400
Subject: [PATCH] Fix mobile delete button - make X button always visible and
 larger for touch-friendly interaction on mobile devices

---
 frontend/src/components/FavoritesMenu.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/FavoritesMenu.tsx b/frontend/src/components/FavoritesMenu.tsx
index ea962698..00969b92 100644
--- a/frontend/src/components/FavoritesMenu.tsx
+++ b/frontend/src/components/FavoritesMenu.tsx
@@ -135,10 +135,10 @@ const FavoritesMenu: React.FC<FavoritesMenuProps> = ({ user, formatBookName, get
             </button>
             <button
               onClick={() => removeFavorite(favorite.id)}
-              className="p-1 opacity-0 group-hover:opacity-100 hover:bg-red-100 dark:hover:bg-red-900 rounded transition-opacity"
+              className="p-2 hover:bg-red-100 dark:hover:bg-red-900 rounded transition-colors"
               title="Remove favorite"
             >
-              <X className="h-3 w-3 text-red-500" />
+              <X className="h-4 w-4 text-red-500" />
             </button>
           </div>
         ))}