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>
This commit is contained in:
Nate EmmertandClaude Sonnet 4.6 committed 2026-08-20 10:48:09 -04:00
1 parent ec1e9d3359
commit 151e3c9202
1 file changed
+2 -1
+2 -1
View File
@@ -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>