From c2288f9efbd959b3e357b2183ef1b24002c2d3e3 Mon Sep 17 00:00:00 2001
From: you <you@example.com>
Date: Sun, 22 Mar 2026 00:20:02 +0000
Subject: [PATCH] fix: sort help tooltip renders below icon instead of above
 (behind navbar)

---
 public/index.html | 2 +-
 public/style.css  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index 90566421..b6084851 100644
--- a/public/index.html
+++ b/public/index.html
@@ -22,7 +22,7 @@
   <meta name="twitter:title" content="MeshCore Analyzer">
   <meta name="twitter:description" content="Real-time MeshCore LoRa mesh network analyzer — live packet visualization, node tracking, channel decryption, and route analysis.">
   <meta name="twitter:image" content="https://raw.githubusercontent.com/Kpa-clawbot/meshcore-analyzer/master/public/og-image.png">
-  <link rel="stylesheet" href="style.css?v=1774138624">
+  <link rel="stylesheet" href="style.css?v=1774138802">
   <link rel="stylesheet" href="home.css">
   <link rel="stylesheet" href="live.css?v=1774058575">
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
diff --git a/public/style.css b/public/style.css
index abb28fd0..cddc3fb0 100644
--- a/public/style.css
+++ b/public/style.css
@@ -203,7 +203,7 @@ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible
 .filter-group + .filter-group { border-left: 1px solid var(--border); padding-left: 12px; margin-left: 6px; }
 .sort-help { cursor: help; font-size: 14px; color: var(--text-muted, #888); position: relative; display: inline-block; }
 .sort-help-tip {
-  display: none; position: absolute; bottom: 130%; left: 50%; transform: translateX(-50%);
+  display: none; position: absolute; top: 130%; left: 50%; transform: translateX(-50%);
   background: var(--card-bg, #222); color: var(--text, #eee); border: 1px solid var(--border);
   border-radius: 6px; padding: 8px 12px; font-size: 12px; line-height: 1.5;
   white-space: pre-line; width: 260px; z-index: 100;