From 92ed974e4bd15e2a509af15f1a1e8db61e0e6bb3 Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Sat, 28 Mar 2026 17:23:09 -0700
Subject: [PATCH] Use overlay buttons to change avatar

---
 ts/view/configuration/UserEdit.vue | 22 +++++++---------------
 1 file changed, 7 insertions(+), 15 deletions(-)

diff --git a/ts/view/configuration/UserEdit.vue b/ts/view/configuration/UserEdit.vue
index d99b9f5f..4468ec4a 100644
--- a/ts/view/configuration/UserEdit.vue
+++ b/ts/view/configuration/UserEdit.vue
@@ -52,6 +52,13 @@ pre {
 											alt="User Avatar"
 											class="rounded-circle avatar-preview"
 										/>
+										<button
+											class="btn btn-sm btn-danger position-absolute bottom-0 start-0 rounded-circle"
+											@click="removeAvatar"
+											type="button"
+										>
+											<i class="bi bi-trash"></i>
+										</button>
 										<button
 											class="btn btn-sm btn-primary position-absolute bottom-0 end-0 rounded-circle"
 											@click="triggerFileInput"
@@ -68,21 +75,6 @@ pre {
 											accept="image/*"
 											@change="handleAvatarChange"
 										/>
-										<button
-											class="btn btn-outline-primary btn-sm me-2"
-											@click="triggerFileInput"
-											type="button"
-										>
-											Upload New
-										</button>
-										<button
-											class="btn btn-outline-danger btn-sm"
-											@click="removeAvatar"
-											type="button"
-											:disabled="!user.avatar"
-										>
-											Remove
-										</button>
 									</div>
 								</div>
 							</div>