Shrink PIN digit boxes on mobile for 9-digit support

Reduce box width, height, font-size, gap, and container padding.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Aaron D. Lee
2026-01-08 17:24:44 -05:00
parent 11c0d45548
commit 46de371c42

View File

@@ -483,17 +483,17 @@
/* Responsive */ /* Responsive */
@media (max-width: 576px) { @media (max-width: 576px) {
.pin-container, .passphrase-container { .pin-container, .passphrase-container {
padding: 1rem 1.25rem; padding: 1rem 0.75rem;
} }
.pin-digit-box { .pin-digit-box {
width: 2.25rem; width: 1.9rem;
height: 2.75rem; height: 2.4rem;
font-size: 1.25rem; font-size: 1.1rem;
} }
.pin-digits-row { .pin-digits-row {
gap: 0.35rem; gap: 0.25rem;
} }
.passphrase-text { .passphrase-text {