From ca2926da0ae79c03e4d5dd668941078c98e53d06 Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Fri, 2 Oct 2026 14:53:10 +1000
Subject: [PATCH] Show dashboard personal records as standalone badges

---
 app/static/style.css         | 4 ----
 app/templates/dashboard.html | 6 ++----
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/app/static/style.css b/app/static/style.css
index 4bb6c83..5f7fe1c 100644
--- a/app/static/style.css
+++ b/app/static/style.css
@@ -26,10 +26,6 @@ body{font-family:"Segoe UI",Arial,sans-serif}h1{font-weight:650;letter-spacing:-
 /* Keep account controls at the bottom without a decorative sidebar map. */
 .sidebar .sidebar-bottom{margin-top:auto}
 
-.records-panel { margin-bottom: 24px; }
-.compact-records { padding: 16px 20px; }
-.compact-records .section-head { margin-bottom: 12px; }
-.compact-records .section-head h2 { font-size: 16px; }
 .record-badges { display: flex; flex-wrap: wrap; gap: 8px; }
 .record-badge { display: inline-flex; align-items: center; gap: 9px; padding: 8px 11px; border: 1px solid #394246; border-radius: 6px; color: #c5cccc; background: #202629; font-size: 12px; text-decoration: none; }
 .record-badge strong { font-size: 15px; color: #eeeae4; font-variant-numeric: tabular-nums; }
diff --git a/app/templates/dashboard.html b/app/templates/dashboard.html
index d8800f2..20898cc 100644
--- a/app/templates/dashboard.html
+++ b/app/templates/dashboard.html
@@ -20,10 +20,8 @@
   <section class="panel volume-panel"><div class="section-head"><div><span class="eyebrow">WEEKLY DISTANCE</span><h2>Training volume</h2></div><span class="subtle-label">8 weeks to latest activity</span></div><div class="chart-wrap"><canvas id="volume-chart" aria-label="Weekly distance in kilometres" role="img"></canvas></div><script id="volume-data" type="application/json">{{ {'labels': stats.weeks, 'values': stats.weekly_km}|tojson }}</script></section>
   <section class="milestone-card"><span class="eyebrow">TOTAL ASCENT</span><div class="milestone-number">{{ '{:,.0f}'.format(stats.elevation) }}<small>m</small></div><h3>Elevation gain</h3><div class="elevation-profile" aria-hidden="true"><svg viewBox="0 0 300 70"><path d="m0 65 30-15 15 8 35-35 20 15 35-32 25 32 20-12 25 28 20-12 30 23 25-10"/></svg></div><p>Across {{ stats.count }} recorded activities</p></section>
 </div>
-{% if personal %}
-<section class="panel records-panel compact-records"><div class="section-head"><div><span class="eyebrow">YOUR FASTEST DISTANCES</span><h2>Personal records</h2></div><span class="subtle-label">Estimated · elapsed time</span></div>
-<p class="section-description">Fastest stretches within your runs, including stops. PR badges mark records set at the time of the run; your first effort establishes a record.</p>
-<div class="record-badges">{% for record in record_book.records %}<a class="record-badge is-pr" href="{{ url_for('web.activity', activity_id=record.activity.id) }}" title="{{ record.activity.started_at|localdate(profile.timezone) }} · {{ record.activity.title }}"><span class="badge-award" aria-hidden="true">★</span><span>{{ record.label }}</span><strong>{{ pace_text(record.seconds * 1000 / record.distance) }}<small>/km</small></strong></a>{% else %}<p class="field-help">Import a run with recorded distance and timestamps to establish your first record.</p>{% endfor %}</div></section>
+{% if personal and record_book.records %}
+<div class="record-badges run-record-badges" aria-label="Personal records">{% for record in record_book.records %}<a class="record-badge is-pr" href="{{ url_for('web.activity', activity_id=record.activity.id) }}" title="{{ record.activity.started_at|localdate(profile.timezone) }} · {{ record.activity.title }}"><span class="badge-award" aria-hidden="true">★</span><span>{{ record.label }}</span><strong>{{ pace_text(record.seconds * 1000 / record.distance) }}<small>/km</small></strong></a>{% endfor %}</div>
 {% endif %}
 <section class="panel activities-panel" id="history"><div class="section-head"><div><span class="eyebrow">SESSION HISTORY</span><h2>{{ 'Your activities' if personal else 'Shared activities' }}</h2></div><span class="subtle-label">{{ stats.count }} activities</span></div>{% include '_activities.html' %}</section>
 {% endblock %}