From e4495e6eef7ab41b27bb2a82a4da3a06a3b9e77c Mon Sep 17 00:00:00 2001
From: Anton Roslund <enari@minit.nu>
Date: Sun, 16 Mar 2025 17:18:29 +0100
Subject: [PATCH] Added tooltips

---
 content/sv/messages/index.html | 36 +++++++++++++++++++---------------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/content/sv/messages/index.html b/content/sv/messages/index.html
index 9e05d17..810cf78 100644
--- a/content/sv/messages/index.html
+++ b/content/sv/messages/index.html
@@ -7,23 +7,27 @@ menu: {main: {weight: 50}}
     <h2 id="senaste-meddelanden" class="pt-3">Senaste meddelanden<a class="td-heading-self-link" href="#senaste-meddelanden" aria-label="Heading self-link"></a></h2>
     
     <div class="btn-toolbar mb-2" role="toolbar" aria-label="Toolbar with button groups">
-    <div class="btn-group btn-group-sm me-2" role="group" aria-label="Basic radio toggle button group">
-        <input type="radio" class="btn-check" name="btnradio" id="all" autocomplete="off" checked>
-        <label class="btn btn-outline-primary" for="all">Alla</label>
-    </div>
-    <div class="btn-group btn-group-sm" role="group" aria-label="Basic radio toggle button group">
-        <input type="radio" class="btn-check" name="btnradio" id="3663385928" autocomplete="off">
-        <label class="btn btn-outline-primary" for="3663385928">Ros1</label>
-      
-        <input type="radio" class="btn-check" name="btnradio" id="1978245180" autocomplete="off">
-        <label class="btn btn-outline-primary" for="1978245180">CVK</label>
-      
-        <input type="radio" class="btn-check" name="btnradio" id="862351628" autocomplete="off">
-        <label class="btn btn-outline-primary" for="862351628">JwK</label>
+        <div class="btn-group btn-group-sm me-2" role="group" aria-label="Basic radio toggle button group">
+            <input type="radio" class="btn-check" name="btnradio" id="all" autocomplete="off" checked>
+            <label class="btn btn-outline-primary" for="all">Alla</label>
+        </div>
+        <div class="btn-group btn-group-sm me-2" role="group" aria-label="Basic radio toggle button group">
+            <input type="radio" class="btn-check" name="btnradio" id="3663385928" autocomplete="off">
+            <label class="btn btn-outline-primary" for="3663385928" data-bs-toggle="tooltip" data-bs-placement="top" title="Mariehäll Alprosen">Ros1</label>
+        
+            <input type="radio" class="btn-check" name="btnradio" id="1978245180" autocomplete="off">
+            <label class="btn btn-outline-primary" for="1978245180" data-bs-toggle="tooltip" data-bs-placement="top" title="SA0CVK 0 (Ny Router)">CVK</label>
+        
+            <input type="radio" class="btn-check" name="btnradio" id="862351628" autocomplete="off">
+            <label class="btn btn-outline-primary" for="862351628" data-bs-toggle="tooltip" data-bs-placement="top" title="JwK Bas">JwK</label>
 
-        <input type="radio" class="btn-check" name="btnradio" id="2971894662" autocomplete="off">
-        <label class="btn btn-outline-primary" for="2971894662">Älg</label>
-      </div>
+            <input type="radio" class="btn-check" name="btnradio" id="2971894662" autocomplete="off">
+            <label class="btn btn-outline-primary" for="2971894662" data-bs-toggle="tooltip" data-bs-placement="top" title="Stora Älgön 2.0">Älg</label>
+        </div>
+        <!-- Info Button with Tooltip -->
+        <div data-bs-toggle="tooltip" data-bs-placement="right" title="Visar meddelanden mottagna av respektive nod. Användbart för att förstå vilka noder som har hört ett meddelande.">
+            <span class="badge rounded-pill bg-dark">?</span>
+        </div>
     </div>
     <div id="loading"><p>Loading...</p></div>
 </section>