Add NTMS title to map panel, make range circles non-interactive

assets/js/propagation_map_hook.js

@@ -439,9 +439,9 @@ export const PropagationMap = {
       opacity: 0.9,
       fillColor: "#000",
       fillOpacity: 0.2,
-      dashArray: "8,6"
-    }).bindTooltip(`${rangeKm} km (max)`, { permanent: false, direction: "top" })
-      .addTo(this.rangeCircles)
+      dashArray: "8,6",
+      interactive: false
+    }).addTo(this.rangeCircles)
 
     if (typicalKm < rangeKm) {
       L.circle(center, {
@@ -450,9 +450,9 @@ export const PropagationMap = {
         weight: 3,
         opacity: 0.9,
         fillColor: "#000",
-        fillOpacity: 0.25
-      }).bindTooltip(`${typicalKm} km (typical)`, { permanent: false, direction: "top" })
-        .addTo(this.rangeCircles)
+        fillOpacity: 0.25,
+        interactive: false
+      }).addTo(this.rangeCircles)
     }
 
     L.circleMarker(center, {
@@ -460,7 +460,8 @@ export const PropagationMap = {
       color: "#fff",
       weight: 2,
       fillColor: tier.color,
-      fillOpacity: 1
+      fillOpacity: 1,
+      interactive: false
     }).addTo(this.rangeCircles)
   },
 

lib/microwaveprop_web/live/map_live.ex

@@ -126,6 +126,11 @@ defmodule MicrowavepropWeb.MapLive do
       <%!-- Top-left control panel --%>
       <div id="map-controls" class="absolute top-3 left-14 z-[1000] flex flex-col gap-2">
         <div class="bg-base-100/90 shadow rounded-box border border-base-300 p-3 flex flex-col gap-2">
+          <div class="font-bold text-sm leading-tight px-1">
+            North Texas Microwave Society
+            <div class="font-normal text-xs opacity-70">Propagation Map</div>
+          </div>
+
           <%!-- Band selector --%>
           <div class="dropdown">
             <div tabindex="0" role="button" class="btn btn-sm w-full justify-between">