From 22b55a25d87e44addeebbcd5e629949f783b52b5 Mon Sep 17 00:00:00 2001
From: Augustin Mauroy <augustin.mauroy@outlook.fr>
Date: Tue, 4 Feb 2025 18:23:21 +0100
Subject: [PATCH] fix(ui): hover effect on delete button

---
 frontend/routes/@[scope]/~/members.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/routes/@[scope]/~/members.tsx b/frontend/routes/@[scope]/~/members.tsx
index 4490fea7..e00be952 100644
--- a/frontend/routes/@[scope]/~/members.tsx
+++ b/frontend/routes/@[scope]/~/members.tsx
@@ -118,7 +118,7 @@ export function MemberItem(props: MemberItemProps) {
             <form method="POST" class="contents">
               <input type="hidden" name="userId" value={member.user.id} />
               <button
-                class="hover:underline disabled:text-jsr-gray-300 disabled:cursor-not-allowed"
+                class="hover:underline disabled:text-jsr-gray-300 disabled:cursor-not-allowed hover:text-red-600 motion-safe:transition-colors"
                 name="action"
                 value="deleteMember"
                 disabled={props.isLastAdmin}
@@ -126,7 +126,7 @@ export function MemberItem(props: MemberItemProps) {
                   ? "This is the last admin in this scope. Promote another member to admin before removing this one."
                   : "Remove user"}
               >
-                <TrashCan class="h-4 w-4" />
+                <TrashCan class="h-5 w-5" />
               </button>
             </form>
           </div>