From fddddc3eb2e4ac72c938ce377de63f5f79e0294f Mon Sep 17 00:00:00 2001
From: ceotjoe <jholzapfel@me.com>
Date: Mon, 16 Feb 2026 07:19:28 +0100
Subject: [PATCH] fix: remove debug touch indicator from header

---
 src/components/Header.jsx | 27 ++++++++++++++-------------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 9f072d50..24a53384 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -57,7 +57,6 @@ export const Header = ({
           const touch = typeof window !== 'undefined' && ('ontouchstart' in window || navigator.maxTouchPoints > 0);
           const narrow = typeof window !== 'undefined' && window.innerWidth <= 1024;
           if (touch && narrow) return <span className="ohc-mobile-badge">{window.innerWidth <= 768 ? '📱' : '📱 Tablet'}</span>;
-          if (touch) return <span className="ohc-mobile-badge">👆 Touch</span>;
           return null;
         })()}
         <QRZToggle />
@@ -68,8 +67,8 @@ export const Header = ({
         <span style={{ fontSize: '13px', color: 'var(--accent-cyan)', fontWeight: '600' }}>UTC</span>
         <span style={{
           fontSize: config.headerSize > 0.1 && config.headerSize <= 2
-              ? `${24 * config.headerSize}px`
-              : "24px",
+            ? `${24 * config.headerSize}px`
+            : "24px",
           fontWeight: '700',
           color: 'var(--accent-cyan)',
           fontFamily: 'JetBrains Mono, Consolas, monospace',
@@ -87,8 +86,8 @@ export const Header = ({
         <span style={{ fontSize: '13px', color: 'var(--accent-amber)', fontWeight: '600' }}>LOCAL</span>
         <span style={{
           fontSize: config.headerSize > 0.1 && config.headerSize <= 2
-              ? `${24 * config.headerSize}px`
-              : "24px",
+            ? `${24 * config.headerSize}px`
+            : "24px",
           fontWeight: '700',
           color: 'var(--accent-amber)',
           fontFamily: 'JetBrains Mono, Consolas, monospace',
@@ -108,18 +107,20 @@ export const Header = ({
           const windLabel = localWeather.data.windUnit || 'mph';
           return (
             <div title={`${localWeather.data.description} • Wind: ${localWeather.data.windSpeed} ${windLabel}`}>
-              <span style={{ marginRight: '3px', 
+              <span style={{
+                marginRight: '3px',
                 fontSize: config.headerSize > 0.1 && config.headerSize <= 2
                   ? `${12 * config.headerSize}px`
                   : "12px",
-               }}>
+              }}>
                 {localWeather.data.icon}
               </span>
-              <span style={{ color: 'var(--accent-cyan)', fontWeight: '600',
+              <span style={{
+                color: 'var(--accent-cyan)', fontWeight: '600',
                 fontSize: config.headerSize > 0.1 && config.headerSize <= 2
                   ? `${12 * config.headerSize}px`
                   : "12px",
-               }}>
+              }}>
                 {tempF}°F/{tempC}°C
               </span>
             </div>
@@ -149,11 +150,11 @@ export const Header = ({
         )}
         {bandConditions?.extras?.geomagField && (
           <div>
-            <span style={{ 
+            <span style={{
               fontSize: '10px',
-              color: bandConditions.extras.geomagField === 'QUIET' ? 'var(--accent-green)' : 
-                     bandConditions.extras.geomagField === 'ACTIVE' || bandConditions.extras.geomagField.includes('STORM') ? 'var(--accent-red)' : 
-                     'var(--accent-amber)',
+              color: bandConditions.extras.geomagField === 'QUIET' ? 'var(--accent-green)' :
+                bandConditions.extras.geomagField === 'ACTIVE' || bandConditions.extras.geomagField.includes('STORM') ? 'var(--accent-red)' :
+                  'var(--accent-amber)',
               fontWeight: '600'
             }}>
               {bandConditions.extras.geomagField}