From cd49a972b23ff5537b75e5c2435e95c4abe5bf2f Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Fri, 2 May 2025 07:23:13 -0500
Subject: [PATCH] always show rename and delete buttons on mobile and tablet

without a group-hover state, a double-tap was required to select a face from the dropdown
---
 web/src/pages/FaceLibrary.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/pages/FaceLibrary.tsx b/web/src/pages/FaceLibrary.tsx
index cd1b4fc31f..6586e1c5ce 100644
--- a/web/src/pages/FaceLibrary.tsx
+++ b/web/src/pages/FaceLibrary.tsx
@@ -497,7 +497,7 @@ function LibrarySelector({
                     <Button
                       variant="ghost"
                       size="icon"
-                      className="size-7 opacity-0 transition-opacity group-hover:opacity-100"
+                      className="size-7 lg:opacity-0 lg:transition-opacity lg:group-hover:opacity-100"
                       onClick={(e) => {
                         e.stopPropagation();
                         setRenameFace(face);
@@ -515,7 +515,7 @@ function LibrarySelector({
                     <Button
                       variant="ghost"
                       size="icon"
-                      className="size-7 opacity-0 transition-opacity group-hover:opacity-100"
+                      className="size-7 lg:opacity-0 lg:transition-opacity lg:group-hover:opacity-100"
                       onClick={(e) => {
                         e.stopPropagation();
                         setConfirmDelete(face);