Force minimum row height, narrower column max width (#275)

packages/web/components/Player/PlayerTile.tsx

@@ -35,7 +35,7 @@ export const PlayerTile: React.FC<Props> = ({ player }) => (
     style={{ backdropFilter: 'blur(7px)' }}
     rounded="lg"
     p="6"
-    maxW="30rem"
+    maxW="25rem" // (2 / 3.5) = ~0.571 aspect ratio desired
     w="100%"
     align="stretch"
     position="relative"

packages/web/components/PlayerList.tsx

@@ -8,7 +8,7 @@ type Props = {
 };
 
 export const PlayerList: React.FC<Props> = ({ players }) => (
-  <SimpleGrid columns={[1, null, 2, 3]} spacing="8">
+  <SimpleGrid columns={[1, null, 2, 3]} spacing="8" autoRows="minmax(35rem, auto)">
     {players.map((p) => (
       <PlayerTile key={p.id} player={p} />
     ))}