From f48afaeffa02d048b49e37da860c5af34d6a18fa Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <DebaucheryLibrarian@unknown.name>
Date: Tue, 28 May 2024 05:55:14 +0200
Subject: [PATCH] Changed alert trigger icon titles to tooltips.

---
 pages/users/@username/+Page.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pages/users/@username/+Page.vue b/pages/users/@username/+Page.vue
index 9e91006..313ecb4 100644
--- a/pages/users/@username/+Page.vue
+++ b/pages/users/@username/+Page.vue
@@ -91,22 +91,22 @@
 					>
 						<div class="alert-triggers">
 							<Icon
+								v-tooltip="alert.notify ? 'Notify in traxxx' : undefined"
 								icon="bell2"
-								:title="alert.notify ? 'Notify in traxxx' : undefined"
 								:class="{ trigger: alert.notify }"
 							/>
 
 							<Icon
 								v-if="alert.stashes.some((stash) => !stash.isPrimary)"
+								v-tooltip="`Add to ${alert.stashes.map((stash) => stash.name).join(', ')}`"
 								icon="folder-heart"
-								:title="`Add to ${alert.stashes.map((stash) => stash.name).join(', ')}`"
 								class="trigger"
 							/>
 
 							<Icon
 								v-else
+								v-tooltip="alert.stashes.length > 0 ? 'Add to Favorites' : undefined"
 								icon="heart7"
-								:title="alert.stashes.length > 0 ? 'Add to Favorites' : undefined"
 								:class="{ trigger: alert.stashes.length > 0 }"
 							/>
 
@@ -409,7 +409,7 @@ async function removeAlert(alert) {
 	display: flex;
 	align-items: center;
 	gap: .5rem;
-	margin-right: 1rem;
+	margin-right: .75rem;
 
 	.icon {
 		fill: var(--shadow-weak-40);