From 63d9adef197c64b68e0c8a7e36b809915a5c686d Mon Sep 17 00:00:00 2001
From: mplorentz <mplorentz@noreply.gitea.coracle.social>
Date: Mon, 9 Mar 2026 11:28:12 -0400
Subject: [PATCH] Add lables on hover for voice room controls

---
 src/app/components/VoiceWidget.svelte | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/app/components/VoiceWidget.svelte b/src/app/components/VoiceWidget.svelte
index 9a517e50..373ab5e0 100644
--- a/src/app/components/VoiceWidget.svelte
+++ b/src/app/components/VoiceWidget.svelte
@@ -40,11 +40,17 @@
     </div>
     <div class="flex items-center gap-1">
       <Button
-        class="btn btn-sm btn-square {$currentVoiceSession.muted ? 'btn-error' : 'btn-ghost'}"
+        data-tip={$currentVoiceSession.muted ? "Unmute" : "Mute"}
+        class="center tooltip tooltip-top btn btn-sm btn-square {$currentVoiceSession.muted
+          ? 'btn-error'
+          : 'btn-ghost'}"
         onclick={toggleMute}>
         <Icon icon={$currentVoiceSession.muted ? MicrophoneOff : Microphone} size={4} />
       </Button>
-      <Button class="btn btn-sm btn-square btn-error" onclick={leaveVoiceRoom}>
+      <Button
+        data-tip="Leave room"
+        class="center tooltip tooltip-top btn btn-sm btn-square btn-error"
+        onclick={leaveVoiceRoom}>
         <Icon icon={PhoneRounded} size={4} />
       </Button>
     </div>