Distribute space evenly between draw pile and player hand on mobile

Replace margin:auto on table-center with space-evenly on player-row
so the draw pile and player cards are equally spaced vertically.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-22 16:50:55 -05:00
parent dbad7037d1
commit 6c771810f7

View File

@ -5048,7 +5048,7 @@ body.mobile-portrait .player-row {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: space-evenly;
gap: 10px; gap: 10px;
width: 100%; width: 100%;
flex: 1 1 0%; flex: 1 1 0%;
@ -5114,7 +5114,6 @@ body.mobile-portrait .opponent-showing {
body.mobile-portrait .table-center { body.mobile-portrait .table-center {
padding: 5px 10px; padding: 5px 10px;
border-radius: 8px; border-radius: 8px;
margin: auto 0;
} }
body.mobile-portrait .deck-area { body.mobile-portrait .deck-area {