diff --git a/website/src/styles/toolboxes/_rng-simulator.scss b/website/src/styles/toolboxes/_rng-simulator.scss index 436de53..c2f9632 100644 --- a/website/src/styles/toolboxes/_rng-simulator.scss +++ b/website/src/styles/toolboxes/_rng-simulator.scss @@ -56,7 +56,7 @@ .rng-simulator-rate-layout { display: grid; - grid-template-columns: minmax(220px, 0.9fr) minmax(260px, 1.3fr); + grid-template-columns: minmax(260px, 2fr) minmax(160px, 1fr); gap: var(--space-3); align-items: start; min-width: 0; @@ -156,6 +156,7 @@ grid-template-columns: minmax(0, 1fr); gap: 8px; min-width: 0; + align-self: stretch; } .rng-simulator-active-summary > span, @@ -171,6 +172,13 @@ background: rgba(5, 7, 17, 0.22); } +.rng-simulator-active-summary > span { + place-content: center; + justify-items: center; + min-height: 100%; + text-align: center; +} + .rng-simulator-active-summary small, .rng-simulator-table > span:nth-child(-n + 3), .rng-simulator-history-metrics small { @@ -200,6 +208,12 @@ font-variant-numeric: tabular-nums; } +.rng-simulator-active-summary strong { + color: var(--color-accent-gold); + font-size: 24px; + line-height: 1; +} + .rng-simulator-rate-form .rng-simulator-form-actions { justify-content: flex-end; }