From d84805a6f4db7f3602d34b252fddf85d3921975e Mon Sep 17 00:00:00 2001
From: John Mizerek <mizerek@gmail.com>
Date: Fri, 30 Jan 2026 18:16:38 -0800
Subject: [PATCH] Use h:nnt format, same font size, wider card for date

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 api/admin/perf-dashboard.cfm | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/api/admin/perf-dashboard.cfm b/api/admin/perf-dashboard.cfm
index 3e134ba..1eb10bb 100644
--- a/api/admin/perf-dashboard.cfm
+++ b/api/admin/perf-dashboard.cfm
@@ -30,7 +30,7 @@ if (remoteAddr != "127.0.0.1" && remoteAddr != "::1" && remoteAddr != "0:0:0:0:0
   .card .label { font-size: 11px; color: #8b949e; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; }
   .card .value { font-size: 28px; font-weight: 700; color: #fff; }
   .card .unit { font-size: 13px; color: #8b949e; font-weight: 400; }
-  .card .value-sm { font-size: 18px; font-weight: 700; color: #fff; }
+  .card.card-wide { min-width: 200px; }
 
   .section { margin-bottom: 28px; }
   .section h2 { font-size: 15px; font-weight: 600; margin-bottom: 10px; color: #c9d1d9; display: flex; align-items: center; gap: 8px; }
@@ -137,7 +137,7 @@ function fmtDate(s) {
   var mo = d.getMonth() + 1, dy = d.getDate(), yr = String(d.getFullYear()).slice(-2);
   var h = d.getHours(), mi = String(d.getMinutes()).padStart(2, '0'), ap = h >= 12 ? 'p' : 'a';
   h = h % 12 || 12;
-  return mo + '/' + dy + '/' + yr + ' ' + h + '.' + mi + ap;
+  return mo + '/' + dy + '/' + yr + ' ' + h + ':' + mi + ap;
 }
 function fmtMs(n) {
   if (n == null) return '-';
@@ -201,7 +201,7 @@ async function loadAll() {
       card('Avg DB Time', s.OverallAvgDbMs || 0, 'ms') +
       card('Avg App Time', s.OverallAvgAppMs || 0, 'ms') +
       card('Avg Queries', s.OverallAvgQueries || 0, '/req') +
-      cardSm('Data Since', fmtDate(s.FirstLog));
+      cardWide('Data Since', fmtDate(s.FirstLog));
     qs('#summarySection').style.display = '';
 
     // Count table
@@ -225,8 +225,8 @@ async function loadAll() {
 function card(label, value, unit) {
   return '<div class="card"><div class="label">' + label + '</div><div class="value">' + value + ' <span class="unit">' + unit + '</span></div></div>';
 }
-function cardSm(label, value) {
-  return '<div class="card"><div class="label">' + label + '</div><div class="value-sm">' + value + '</div></div>';
+function cardWide(label, value) {
+  return '<div class="card card-wide"><div class="label">' + label + '</div><div class="value">' + value + '</div></div>';
 }
 
 function renderCountTable(data) {