From 504e1d0fc5307481fdb74985d1afe76e3de5f81e Mon Sep 17 00:00:00 2001
From: Leo Vasanko <git@vasanko.com>
Date: Wed, 10 Dec 2025 00:06:34 +0000
Subject: [PATCH] Consistent use of red X only for deletion, and using only it
 for deletion rather than trashbin, while using non-red X for window close
 button.

---
 frontend/src/components/CredentialList.vue        | 4 ++--
 frontend/src/components/RegistrationLinkModal.vue | 2 +-
 frontend/src/components/SessionList.vue           | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/CredentialList.vue b/frontend/src/components/CredentialList.vue
index 07605e1..1102a49 100644
--- a/frontend/src/components/CredentialList.vue
+++ b/frontend/src/components/CredentialList.vue
@@ -40,9 +40,9 @@
               @click="$emit('delete', credential)"
               class="btn-card-delete"
               :disabled="credential.is_current_session"
-              :title="credential.is_current_session ? 'Cannot delete current session credential' : 'Delete passkey'"
+              :title="credential.is_current_session ? 'Cannot delete current session credential' : 'Delete passkey and terminate any linked sessions.'"
               tabindex="-1"
-            >🗑️</button>
+            >❌</button>
           </div>
         </div>
         <div class="item-details">
diff --git a/frontend/src/components/RegistrationLinkModal.vue b/frontend/src/components/RegistrationLinkModal.vue
index b862be1..d283467 100644
--- a/frontend/src/components/RegistrationLinkModal.vue
+++ b/frontend/src/components/RegistrationLinkModal.vue
@@ -5,7 +5,7 @@
         <h2 id="regTitle" class="reg-title">
           📱 <span v-if="userName">Registration for {{ userName }}</span><span v-else>Add Another Device</span>
         </h2>
-        <button class="icon-btn" @click="$emit('close')" aria-label="Close">❌</button>
+        <button class="icon-btn" @click="$emit('close')" aria-label="Close">✕</button>
       </div>
 
       <div class="device-link-section">
diff --git a/frontend/src/components/SessionList.vue b/frontend/src/components/SessionList.vue
index e4ac1aa..601a957 100644
--- a/frontend/src/components/SessionList.vue
+++ b/frontend/src/components/SessionList.vue
@@ -41,7 +41,7 @@
                       :disabled="isTerminating(session.id)"
                       :title="isTerminating(session.id) ? 'Terminating...' : 'Terminate session'"
                       tabindex="-1"
-                    >🗑️</button>
+                    >❌</button>
                   </div>
                 </div>
                 <div class="item-details">