Keep player rosters vertical

This commit is contained in:
2026-07-10 14:06:01 -07:00
parent a5bfb7905f
commit 9a5a319cb9
4 changed files with 16 additions and 19 deletions

View File

@@ -296,9 +296,8 @@
/* --- Player chips --- */
.player-chips {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 0.75rem;
justify-content: center;
margin-top: 1rem;
}
@@ -306,10 +305,11 @@
background: color-mix(in srgb, var(--text) 6%, transparent);
border: 1px solid var(--edge);
padding: 0.5rem 1.25rem;
border-radius: 30px;
border-radius: var(--radius-md);
display: flex;
align-items: center;
gap: 0.5rem;
width: 100%;
transition: var(--transition-smooth);
}
@@ -328,7 +328,7 @@
}
.list-chips {
justify-content: flex-start;
align-items: stretch;
}
.list-chips .player-chip {

View File

@@ -183,23 +183,13 @@
font-size: 0.85rem;
}
/* On narrow screens the crew column becomes a horizontal strip above the board */
/* Keep the crew roster vertical at every width, matching the other phases. */
@media (max-width: 1100px) {
.crew-bubbles {
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
}
.crew-bubble {
width: auto;
flex: 1 1 140px;
width: 100%;
}
.crew-objectives-toggle {
width: auto;
flex: 1 1 100%;
}
.crew-objectives-detail {
flex: 1 1 100%;
width: 100%;
}
}

View File

@@ -6,10 +6,17 @@
// - Add a CHANGELOG entry only when a commit changes something players can
// see. Skip refactors, tests, and tooling. Keep wording player-facing.
export const VERSION = 20;
export const VERSION = 21;
// Newest first. Each entry: { version, date: 'YYYY-MM-DD', changes: [string, ...] }.
export const CHANGELOG = [
{
version: 21,
date: '2026-07-10',
changes: [
'Player lists now use the same easy-to-scan vertical layout in every phase and at every screen size.',
],
},
{
version: 20,
date: '2026-07-10',