diff --git a/styles.css b/styles.css index c3b16d5..3fd196f 100644 --- a/styles.css +++ b/styles.css @@ -1345,6 +1345,14 @@ textarea:focus { gap: 0.45rem; } + body[data-page="setup"] .mode-grid { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + body[data-page="setup"] .preset-grid { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + body[data-page="setup"] .option-card { min-height: 0; padding: 0.75rem 0.75rem 0.75rem 2rem; @@ -1366,6 +1374,15 @@ textarea:focus { body[data-page="setup"] .mode-grid .option-card { min-height: 4.45rem; + padding: 0.7rem 0.45rem; + text-align: center; + align-content: center; + } + + body[data-page="setup"] .mode-grid .option-card input, + body[data-page="setup"] .mode-grid .option-card span { + position: static; + margin: 0 auto; } body[data-page="setup"] .mode-grid .option-card span { @@ -1641,10 +1658,18 @@ textarea:focus { font-size: 0.92rem; } + body[data-page="setup"] .mode-grid .option-card strong { + font-size: 0.86rem; + } + body[data-page="setup"] .option-card span { font-size: 0.75rem; } + body[data-page="setup"] .preset-grid .option-card span { + line-height: 1.15; + } + body[data-page="setup"] .setup-actions .button { min-height: 2.75rem; font-size: 0.88rem;