From b668f0c21177e7c69f4b2150bea0f64c02563eaf Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Thu, 10 Dec 2020 10:55:18 -0700
Subject: [PATCH] Add player list component to the lobby view and stretch the
 flex items.

---
 web/src/views/Lobby.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/src/views/Lobby.vue b/web/src/views/Lobby.vue
index 23150fd..6a4f975 100644
--- a/web/src/views/Lobby.vue
+++ b/web/src/views/Lobby.vue
@@ -14,7 +14,7 @@
 				:team_name="$store.state.team_1.name"
 				:player_name="playerName"
 			/>
-			<div>Player List</div>
+			<player-list />
 			<role-select
 				:team_name="$store.state.team_2.name"
 				:player_name="playerName"
@@ -33,11 +33,13 @@
 
 <script>
 import TeamRoleSelect from "../components/TeamRoleSelect";
+import PlayerList from "../components/PlayerList";
 
 export default {
 	name: `GameLobby`,
 	components: {
 		"RoleSelect": TeamRoleSelect,
+		"PlayerList": PlayerList,
 	},
 	computed: {
 		playerName() {
@@ -61,7 +63,7 @@ export default {
 
 .flex-row {
 	justify-content: center;
-	align-items: center;
+	align-items: stretch;
 	display: flex;
 }