diff --git a/frontend/src/views/ScheduleView.vue b/frontend/src/views/ScheduleView.vue index 7c4970e3..1a062626 100644 --- a/frontend/src/views/ScheduleView.vue +++ b/frontend/src/views/ScheduleView.vue @@ -1747,6 +1747,7 @@ li { width: 100%; border-collapse: collapse; margin: 20px 0; + min-width: 480px; } .player-selection-table th, @@ -1754,6 +1755,8 @@ li { padding: 8px 12px; text-align: left; border-bottom: 1px solid #dee2e6; + white-space: nowrap; + vertical-align: middle; } .player-selection-table th { @@ -1768,6 +1771,11 @@ li { .player-name { font-weight: 500; + min-width: 220px; +} + +.player-list { + overflow-x: auto; } /* Gallery Styles */ @@ -1865,7 +1873,8 @@ li { .checkbox-cell { text-align: center; - width: 100px; + width: 84px; + min-width: 84px; } .checkbox-cell input[type="checkbox"] { @@ -2246,6 +2255,15 @@ li { } @media (max-width: 640px) { + .player-selection-table { + min-width: 520px; + } + + .player-selection-table th, + .player-selection-table td { + padding: 10px 12px; + } + .schedule-view { gap: 12px; }