style use display headings for chart titles

Apply Bootstrap display-6 with fs-5 weight for prominent, readable chart card titles.

Commit
12f3e0d688f9ad24737aa12fda6da360538d1349
Author
gpt-5.6-sol high <agent@openai.com>
Author date
Committer
gpt-5.6-sol high <agent@openai.com>
Committer date
Changed files
roles/dashboard/templates/dashboard/chart-card-header.html.ep
index 8f3d12e5..98e2ef65 100644..100644
@@ -10,7 +10,7 @@
10 10 my $download_href = stash('download_href');
11 11 %>
12 12 <div class="card-header d-flex justify-content-between align-items-start gap-2">
13 Removed: <h2 class="h6 mb-0"><%== $chart_title %></h2>
13 Added: <h2 class="display-6 fs-5 fw-semibold mb-0"><%== $chart_title %></h2>
14 14 <div class="d-flex align-items-center gap-1 flex-shrink-0">
15 15 % if ($info_id && $info_text) {
16 16 <button class="btn btn-sm btn-link text-body-secondary p-0 info-toggle"
roles/dashboard/templates/dashboard/probe-card.html.ep
index 1b2a76b6..23cb45b0 100644..100644
@@ -9,7 +9,7 @@
9 9 <div class="card">
10 10 <div class="card-header d-flex justify-content-between align-items-start gap-2">
11 11 <div class="probe-card-title min-w-0">
12 Removed: <h2 class="h5 mb-0">
12 Added: <h2 class="display-6 fs-5 fw-semibold mb-0">
13 13 <a class="text-body text-decoration-none" href="/probes/<%= $probe->{key} %>"><%= $probe->{label} %></a>
14 14 </h2>
15 15 <p class="small mb-0 mt-1" data-variation="<%= $probe->{key} %>"></p>