diff --git a/dashboard-mockup.html b/dashboard-mockup.html index 89946ac..a652d34 100644 --- a/dashboard-mockup.html +++ b/dashboard-mockup.html @@ -109,14 +109,14 @@ body { /* KPI CARDS — Bloomberg stock ticker style */ .kpi-grid { display: grid; grid-template-columns: repeat(6, 1fr); - gap: 10px; padding: 0; + gap: 12px; padding: 0; max-width: 1280px; margin: 0 auto; } .kpi { background: #0e0e0e; border: 1px solid #1e1e1e; border-radius: 8px; - padding: 12px 14px; + padding: 14px 16px; transition: all 0.2s var(--ease); opacity: 0; transform: translateY(8px); cursor: default; @@ -129,14 +129,14 @@ body { } .kpi-header { display: flex; align-items: baseline; justify-content: space-between; - margin-bottom: 6px; + margin-bottom: 8px; } .kpi-ticker { font-family: var(--mono); font-size: 10px; font-weight: 600; color: #555; letter-spacing: 0.03em; } .kpi-change { - font-family: var(--mono); font-size: 11px; font-weight: 600; + font-family: var(--mono); font-size: 12px; font-weight: 700; display: flex; align-items: center; gap: 3px; } .kpi-change.up { color: #16a34a; } @@ -148,12 +148,12 @@ body { } .kpi-value { font-family: var(--mono); - font-size: 22px; font-weight: 700; + font-size: 28px; font-weight: 700; letter-spacing: -0.5px; line-height: 1.1; color: #f4f4f4; } .kpi-desc { - font-size: 10px; color: #4a4a4a; margin-top: 2px; + font-size: 10px; color: #4a4a4a; } /* Arrow SVG inline */