From 573aa23bf684317fd9ff3d4a17a82ef024e5cd41 Mon Sep 17 00:00:00 2001 From: gearheaded Date: Wed, 10 Jun 2026 15:44:40 -0400 Subject: [PATCH] Changed flex to grid to make numbers and text more visible --- main.js | 6 +++--- src/main.ts | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/main.js b/main.js index 492b9bf..e326853 100644 --- a/main.js +++ b/main.js @@ -797,9 +797,9 @@ body.theme-light{--gh-c0:${p.light[0]};--gh-c1:${p.light[1]};--gh-c2:${p.light[2 .gh-nav-btn{background:none;border:1px solid var(--background-modifier-border);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;padding:1px 6px;transition:background .15s} .gh-nav-btn:hover:not(:disabled){background:var(--background-modifier-hover);color:var(--text-normal)} .gh-nav-btn:disabled{opacity:.3;cursor:default} -.gh-stats{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap} -.gh-stat{display:flex;flex-direction:column;align-items:center;background:var(--background-secondary);border-radius:6px;padding:5px 7px;flex:1;min-width:0} -.gh-stat--wide{flex:2 1 auto;max-width:100%} +.gh-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:10px} +.gh-stat{display:flex;flex-direction:column;align-items:center;background:var(--background-secondary);border-radius:6px;padding:5px 7px;min-width:0} +.gh-stat--wide{grid-column:1 / -1} .gh-stat-val{font-size:13px;font-weight:700;color:var(--interactive-accent);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%} .gh-stat-lbl{font-size:9px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;text-align:center} .gh-graph-wrap{overflow-x:auto;padding-bottom:4px} diff --git a/src/main.ts b/src/main.ts index 54c64e7..bcfd4f5 100644 --- a/src/main.ts +++ b/src/main.ts @@ -923,9 +923,9 @@ body.theme-light{--gh-c0:${p.light[0]};--gh-c1:${p.light[1]};--gh-c2:${p.light[2 .gh-nav-btn{background:none;border:1px solid var(--background-modifier-border);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;padding:1px 6px;transition:background .15s} .gh-nav-btn:hover:not(:disabled){background:var(--background-modifier-hover);color:var(--text-normal)} .gh-nav-btn:disabled{opacity:.3;cursor:default} -.gh-stats{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap} -.gh-stat{display:flex;flex-direction:column;align-items:center;background:var(--background-secondary);border-radius:6px;padding:5px 7px;flex:1;min-width:0} -.gh-stat--wide{flex:2 1 auto;max-width:100%} +.gh-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:10px} +.gh-stat{display:flex;flex-direction:column;align-items:center;background:var(--background-secondary);border-radius:6px;padding:5px 7px;min-width:0} +.gh-stat--wide{grid-column:1 / -1} .gh-stat-val{font-size:13px;font-weight:700;color:var(--interactive-accent);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%} .gh-stat-lbl{font-size:9px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;text-align:center} .gh-graph-wrap{overflow-x:auto;padding-bottom:4px}