bolyai/CIS490
3
0
Fork 0
Code Issues 5 Pull requests Projects 1 Releases Packages Wiki Activity Actions

training/dashboard: reduce metric-stack left padding to shift interactables left

Browse source
This commit is contained in:
Max Gorog 2026-05-08 01:02:27 -05:00
parent 1160244dfa
commit 2aa33d19c1
2 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
training/dashboard/static/dashboard.css
View file

@ -522,7 +522,16 @@ html, body { overflow-anchor: none; }
metric-card → bg → prose-card. */
.metric-stack {
text-align: left;
padding: clamp(20px, 2.5vh, 36px) clamp(40px, 5vw, 88px);
/* Asymmetric horizontal padding: less on the left (so the
interactive widgets sit further left, closer to the viewport
edge) and the existing larger value on the right (which holds
the gradient fade and the prose column behind it).
Vertical padding unchanged. */
padding:
clamp(20px, 2.5vh, 36px)
clamp(40px, 5vw, 88px)
clamp(20px, 2.5vh, 36px)
clamp(20px, 2.5vw, 48px);
width: 100%; max-width: none;
display: flex; flex-direction: column;
gap: clamp(10px, 1.4vh, 22px);

2
training/dashboard/static/index.html
View file

@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CIS490 — live</title>
<link rel="stylesheet" href="/static/dashboard.css?v=53cf1ecb">
<link rel="stylesheet" href="/static/dashboard.css?v=e8a0786c">
</head>
<body>
<!-- SVG filter defs for the lava-lamp goo effect. Width/height 0