From 8890bd72840c63932ce91505e10559cbfaabb233 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Fri, 19 Mar 2021 19:43:17 -0600
Subject: [PATCH] Update the answer containers to fit properly

---
 web/src/components/GameBoard.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/web/src/components/GameBoard.vue b/web/src/components/GameBoard.vue
index 2f57f76..bf12493 100644
--- a/web/src/components/GameBoard.vue
+++ b/web/src/components/GameBoard.vue
@@ -1,7 +1,7 @@
 <template>
 	<div id="GameBoard">
 		<div id="other-team-answers" class="team-container">
-			<div class="answer-container">
+			<div class="answer-container maximize">
 				<!--
 					Repeats to create the number of team answers that we need,
 					these text inputs are always disabled for the player as these
@@ -46,7 +46,7 @@
 			</div>
 		</div>
 		<div id="team-answers" class="team-container">
-			<div class="answer-container">
+			<div class="answer-container maximize">
 				<!--
 					This repeats to create the volume oftext inputs that we need,
 					only allowing the text inputs to be used by the spirit players
@@ -194,8 +194,7 @@ h2 {
 }
 
 .team-container {
-	grid-template-rows: 50px 1fr;
-	display: grid;
+	height: 100%;
 	width: 45%;
 }