From 0d477427c1033f833a02f41d8e04a13d59863aa3 Mon Sep 17 00:00:00 2001
From: Emi Griffith <me@emigriffith.dev>
Date: Wed, 15 Jul 2026 21:23:22 -0700
Subject: [PATCH] SEO: fix season-record wrapping + trim range strip on mobile
 (#109)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Two mobile polish issues on the climate pages:

- The season records table's "(Dec–Feb)" span overflowed its narrow first
  column (nowrap) and slid under the tinted value cell. Stack the span under the
  season name on phones, top-align the record cells, and let the first column
  wrap — so the period label sits cleanly in its own column.
- The monthly temperature-range strip stretched edge-to-edge with the values
  floating far to the right. Cap the strip width so bars + values pack into a
  tight group, shrink the value labels to fit (compact "41°–66°", no reserved
  92px column). The overrides now sit after the base range rules so they win.
---
 templates/city.html.j2 | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/city.html.j2 b/templates/city.html.j2
index 048a37f..faa171a 100644
--- a/templates/city.html.j2
+++ b/templates/city.html.j2
@@ -76,7 +76,7 @@
           {% if m.bar %}<span class="range-fill" style="left:{{ m.bar.left }}%;width:{{ m.bar.width }}%;--c1:var(--{{ m.bar.c1 }});--c2:var(--{{ m.bar.c2 }})"></span>{% endif %}
         </span>
         {% if m.low_f is not none and m.high_f is not none %}
-        <span class="range-vals">{{ m.low_f | round | int }}° – {{ m.high_f | round | int }}°</span>
+        <span class="range-vals">{{ m.low_f | round | int }}°–{{ m.high_f | round | int }}°</span>
         {% else %}<span class="range-vals">—</span>{% endif %}
       </div>
       {% endfor %}