From 4b5302d24cf305a4181eb40bbb862f127c22296a Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Sat, 12 Dec 2020 16:32:43 -0700
Subject: [PATCH] Adjust styling and markup to account for the past questions

---
 web/src/components/GameBoard.vue |  3 +--
 web/src/views/InGame.vue         | 14 +++++++++++++-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/web/src/components/GameBoard.vue b/web/src/components/GameBoard.vue
index 426562e..08b61ce 100644
--- a/web/src/components/GameBoard.vue
+++ b/web/src/components/GameBoard.vue
@@ -129,9 +129,8 @@ export default {
 	padding: 0 10px 10px;
 	border-radius: 20px;
 	flex-direction: row;
-	margin: 15px auto;
 	display: flex;
-	width: 95%;
+	margin: 0;
 }
 
 .team-container {
diff --git a/web/src/views/InGame.vue b/web/src/views/InGame.vue
index 1990f5d..b5b072f 100644
--- a/web/src/views/InGame.vue
+++ b/web/src/views/InGame.vue
@@ -1,6 +1,9 @@
 <template>
 	<div id="GameView" class="maximize">
-		<game-board />
+		<div class="game-board-container">
+			<past-questions />
+			<game-board />
+		</div>
 		<player-hand />
 		<team-reminder />
 		<discard-hand />
@@ -9,6 +12,7 @@
 
 <script>
 import DiscardHand from "../components/DiscardHandButton";
+import PastQuestions from '../components/PastQuestions';
 import TeamReminder from "../components/TeamReminder";
 import GameBoard from "../components/GameBoard";
 import PlayerHand from "../components/Hand";
@@ -16,6 +20,7 @@ import PlayerHand from "../components/Hand";
 export default {
 	name: `InGame`,
 	components: {
+		"past-questions": PastQuestions,
 		"team-reminder": TeamReminder,
 		"discard-hand": DiscardHand,
 		"player-hand": PlayerHand,
@@ -29,4 +34,11 @@ export default {
 <style scoped>
 @import "../css/theme.css";
 @import "../css/style.css";
+
+.game-board-container {
+	text-align: center;
+	position: relative;
+	margin: 15px auto;
+	width: 95%;
+}
 </style>
\ No newline at end of file