Merge branch 'dev'

Author: d3mocide

README.md

@@ -1,4 +1,4 @@
-# meshRF 📡 v1.7.4
+# meshRF 📡 v1.7.5
 
 A professional-grade RF propagation and link analysis tool designed for LoRa Mesh networks (Meshtastic, Reticulum, Sidewinder). Built with **React**, **Leaflet**, and a high-fidelity **Geodetic Physics Engine**.
 

RELEASE_NOTES.md

@@ -1,5 +1,15 @@
 # Release Notes
 
+## v1.7.5 - UI Polish
+
+Quick follow-up patch to improve the usability of the restored guidance system.
+
+### 🎨 UI Improvements
+
+- **Tooltip Positioning**: Moved all context-aware help banners to the **bottom-center** of the screen. This prevents them from obscuring the top toolbar and ensures a consistent experience across desktop and mobile.
+
+---
+
 ## v1.7.4 - Bug Fix: Tooltip Restoration
 
 This patch restores the Context-Aware Guidance tooltips ("Green/Purple" banners) which were inadvertently hidden during the refactoring process. The UI is now fully functional with all help systems active.

src/components/Map/UI/GuidanceOverlays.jsx

@@ -20,8 +20,8 @@ const GuidanceOverlays = ({
         {toolMode === 'link' && nodes.length < 2 && (
             <div style={{
                 position: 'absolute',
-                top: isMobile ? 'auto' : '80px',
-                bottom: isMobile ? '40px' : 'auto',
+                top: 'auto',
+                bottom: '40px',
                 left: '50%',
                 transform: 'translateX(-50%)',
                 zIndex: 1000,
@@ -101,8 +101,8 @@ const GuidanceOverlays = ({
         {toolMode === 'optimize' && !optimizeState.loading && optimizeState.ghostNodes?.length === 0 && (
             <div style={{
                 position: 'absolute',
-                top: isMobile ? 'auto' : '80px',
-                bottom: isMobile ? '40px' : 'auto',
+                top: 'auto',
+                bottom: '40px',
                 left: '50%',
                 transform: 'translateX(-50%)',
                 zIndex: 1000,
@@ -181,8 +181,8 @@ const GuidanceOverlays = ({
         {((toolMode === 'viewshed' && !viewshedObserver) || (toolMode === 'rf_coverage' && !rfObserver)) && (
             <div style={{
                 position: 'absolute',
-                top: isMobile ? 'auto' : '80px',
-                bottom: isMobile ? '40px' : 'auto',
+                top: 'auto',
+                bottom: '40px',
                 left: '50%',
                 transform: 'translateX(-50%)',
                 zIndex: 1000,