implement ready up for players in a game lobby

src/routes/games/+page.svelte

@@ -23,9 +23,7 @@
 	<div class="game-listing">
 		<div>{prettyDate(new Date(game.createdAt))}</div>
 		<div>
-			{#each games as game}
-				<PlayerList players={game.data.players} />
-			{/each}
+			<PlayerList players={game.data.players} />
 		</div>
 		<form method="GET" action={`/games/${game.id}`}>
 			<input type="submit" value="JOIN" />
@@ -40,20 +38,20 @@
 
 	.game-listing {
 		display: flex;
-		gap: 3rem;
+		gap: 1rem;
 		padding: 0.5rem;
 	}
 
-	.game-listing > div {
-		flex: 1 1 auto;
+	.game-listing > * {
+		flex: auto;
 	}
 
-	form {
-		display: flex;
-		flex: 1 1 auto;
+	.game-listing > div:first-child {
+		max-width: 12rem;
 	}
 
 	form input {
 		width: 100%;
+		height: 100%;
 	}
 </style>