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:
parent
7642d120e2
commit
7e108a71f9
@ -5058,7 +5058,7 @@ body.mobile-portrait .opponent-area .dealer-chip {
|
||||
}
|
||||
|
||||
body.mobile-portrait .opponent-area h4 {
|
||||
font-size: 0.75rem;
|
||||
font-size: 0.85rem;
|
||||
margin: 0 0 2px 0;
|
||||
padding: 2px 4px;
|
||||
max-width: 120px;
|
||||
@ -5074,12 +5074,13 @@ body.mobile-portrait .opponent-area .card-grid {
|
||||
body.mobile-portrait .opponent-area .card {
|
||||
width: 35px !important;
|
||||
height: 49px !important;
|
||||
font-size: 0.8rem !important;
|
||||
font-size: 1.05rem !important;
|
||||
line-height: 1.05;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
body.mobile-portrait .opponent-showing {
|
||||
font-size: 0.7rem;
|
||||
font-size: 0.85rem;
|
||||
padding: 0px 3px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
@ -5321,7 +5322,8 @@ body.mobile-portrait #waiting-screen {
|
||||
body.mobile-portrait .opponent-area .card {
|
||||
width: 29px !important;
|
||||
height: 40px !important;
|
||||
font-size: 0.6rem !important;
|
||||
font-size: 0.8rem !important;
|
||||
line-height: 1.05;
|
||||
}
|
||||
|
||||
body.mobile-portrait .table-center {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user