From 151e3c92020894a927a90d0c1c0f1779b60906d4 Mon Sep 17 00:00:00 2001
From: Nate Emmert <nmemmert@gmail.com>
Date: Thu, 20 Aug 2026 10:48:09 -0400
Subject: [PATCH] Fix wind direction display wrapping on iPad

Move wind direction to its own line below "mph" so it doesn't
wrap or get clipped on narrow stat tiles.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/public/dashboard.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/public/dashboard.html b/app/public/dashboard.html
index 290389e..cf515ae 100644
--- a/app/public/dashboard.html
+++ b/app/public/dashboard.html
@@ -284,7 +284,8 @@ canvas.sparkline { display: block; width: 100%; height: 22px; margin-top: 0.4rem
     <div class="stat" id="statWindTile">
       <div class="stat-label">Wind</div>
       <div class="stat-val" id="sWind">—<span class="stat-trend" id="trWind"></span></div>
-      <div class="stat-unit">mph <span id="sWindDir" style="font-size:0.8rem;color:var(--ink-light)"></span></div>
+      <div class="stat-unit">mph</div>
+      <div class="stat-unit" id="sWindDir" style="color:var(--ink-light)"></div>
       <canvas class="sparkline" id="spWind"></canvas>
     </div>
     <div class="stat"><div class="stat-label">Wind Gust</div><div class="stat-val" id="sGust">—</div><div class="stat-unit">mph</div></div>