Max out mobile opponent text sizes for readability

- Card rank/suit: 0.8rem -> 1.05rem with tight line-height 1.05
- Names: 0.75rem -> 0.85rem
- Showing score: 0.7rem -> 0.85rem
- Short screen cards: 0.6rem -> 0.8rem
- Fills the 35x49px cards without overflowing

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-21 23:28:21 -05:00
parent 7642d120e2
commit 7e108a71f9

View File

@ -5058,7 +5058,7 @@ body.mobile-portrait .opponent-area .dealer-chip {
} }
body.mobile-portrait .opponent-area h4 { body.mobile-portrait .opponent-area h4 {
font-size: 0.75rem; font-size: 0.85rem;
margin: 0 0 2px 0; margin: 0 0 2px 0;
padding: 2px 4px; padding: 2px 4px;
max-width: 120px; max-width: 120px;
@ -5074,12 +5074,13 @@ body.mobile-portrait .opponent-area .card-grid {
body.mobile-portrait .opponent-area .card { body.mobile-portrait .opponent-area .card {
width: 35px !important; width: 35px !important;
height: 49px !important; height: 49px !important;
font-size: 0.8rem !important; font-size: 1.05rem !important;
line-height: 1.05;
border-radius: 3px; border-radius: 3px;
} }
body.mobile-portrait .opponent-showing { body.mobile-portrait .opponent-showing {
font-size: 0.7rem; font-size: 0.85rem;
padding: 0px 3px; padding: 0px 3px;
margin-left: 3px; margin-left: 3px;
} }
@ -5321,7 +5322,8 @@ body.mobile-portrait #waiting-screen {
body.mobile-portrait .opponent-area .card { body.mobile-portrait .opponent-area .card {
width: 29px !important; width: 29px !important;
height: 40px !important; height: 40px !important;
font-size: 0.6rem !important; font-size: 0.8rem !important;
line-height: 1.05;
} }
body.mobile-portrait .table-center { body.mobile-portrait .table-center {