fix(statistics-deck): KPI typography, reason casing and 760 px heatmap labels differ across views #159

New issue

Open

opened 2026-09-27 15:24:27 +00:00 by gabogg · 0 comments

gabogg commented

2026-09-27 15:24:27 +00:00

Owner

Visual inconsistencies across the Day, Week and Month views, found in a real-data browser sweep (master @ 92fe600, prod DB copy):

KPI value typography differs between views. Week renders KPI values in the heavy display face (Archivo Black style, e.g. 137.467), while Day renders them in the monospace face (33.642). Pick one per ui-design-guidelines §3.1/§3.2 (the macro-typography rule for primary headcounts) and apply it to all three views.
Comparison-reason casing. Week used to show reasons uppercase; since the canonical Month wording was adopted at merge, the reasons are lowercase in every view. Decide the casing once, via CSS text-transform rather than the strings.
Week heatmap hour labels overlap at the 760 px minimum in Room (04050607…). Thin the labels as the Chart.js axes do, e.g. every second or third hour when a column is narrower than the label.

Natural to do together with #156, which moves the KPI tile and comparison text into one shared kit.

Visual inconsistencies across the Day, Week and Month views, found in a real-data browser sweep (master @ 92fe600, prod DB copy): - [ ] **KPI value typography differs between views.** Week renders KPI values in the heavy display face (Archivo Black style, e.g. `137.467`), while Day renders them in the monospace face (`33.642`). Pick one per ui-design-guidelines §3.1/§3.2 (the macro-typography rule for primary headcounts) and apply it to all three views. - [ ] **Comparison-reason casing.** Week used to show reasons uppercase; since the canonical Month wording was adopted at merge, the reasons are lowercase in every view. Decide the casing once, via CSS `text-transform` rather than the strings. - [ ] **Week heatmap hour labels overlap at the 760 px minimum in Room** (`04050607…`). Thin the labels as the Chart.js axes do, e.g. every second or third hour when a column is narrower than the label. Natural to do together with #156, which moves the KPI tile and comparison text into one shared kit.

gabogg added the

ready-for-agent

label

2026-09-27 15:24:27 +00:00