From b95519ff0fcd4f096aec40656c6c5c84652bd78d Mon Sep 17 00:00:00 2001
From: JonMike8 <jonomemoli3@gmail.com>
Date: Fri, 4 Nov 2022 12:47:58 -0400
Subject: [PATCH] Modified style of games page

Made sure button is centered for all screen sizes
---
 MavenBack/src/main/webapp/games.html     |  4 ++++
 MavenBack/src/main/webapp/gamesStyle.css | 22 ++++++++++++----------
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/MavenBack/src/main/webapp/games.html b/MavenBack/src/main/webapp/games.html
index 1398c4f..4dbfeda 100644
--- a/MavenBack/src/main/webapp/games.html
+++ b/MavenBack/src/main/webapp/games.html
@@ -230,12 +230,15 @@ <h1 class = "heading"><u>Create new game:</u></h1>
 			<input type="number" id="myScore" placeholder="1">
 			<p>Their Score:</p>
 			<input type="number" id="theirScore" placeholder="21">
+			<div class = "buttonContainer">
 			<p>
 				<button type="button" id="submitButton" onclick="submitGame()">Submit Game</button>
 			</p>
+			</div> 
 		</div>
 		<div class ="pendingGames">
 		<h1 class = "heading"><u>Your Pending Games:</u></h1>
+		<div style="overflow-x:auto;">
 		<table id="gamesTable" class="leaderboard"> <!-- Using this class as a temporary to look decent while I work on the backend & functionality -->
 			<thead>
 				<tr>
@@ -251,6 +254,7 @@ <h1 class = "heading"><u>Your Pending Games:</u></h1>
 			</tbody>
 		</table>
 		</div>
+		</div>
 		
 	</body>
 </html>
\ No newline at end of file
diff --git a/MavenBack/src/main/webapp/gamesStyle.css b/MavenBack/src/main/webapp/gamesStyle.css
index 581b538..04e8acb 100644
--- a/MavenBack/src/main/webapp/gamesStyle.css
+++ b/MavenBack/src/main/webapp/gamesStyle.css
@@ -7,17 +7,13 @@ p, h1, th, td{color: white;}
 
 .pendingGames{
 	float: right;
-	margin-top: 20px;
-	margin-right: 20px;
-	margin-bottom: 20px;	
+	padding: 10px;	
 	width: 75%;
 	/*background: #262521;*/
 }
 .recent{
 	float: left;
-	margin-top: 20px;
-	margin-left: 20px;
-	margin-bottom: 20px;
+	padding: 10px;
 	width: 20%;
 	/*background: #262521;*/
 	
@@ -46,6 +42,12 @@ input[type=text], input[type=number]{
   
   color: white;
 }
+.buttonContainer{
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	
+}
 #submitButton{
 	/*background-color: #7fa751;*/
 	background-color: #8c463d;
@@ -57,8 +59,8 @@ input[type=text], input[type=number]{
 	height: 60px;
 	font-size: 24px;
 	
-	position: relative;
-	left: 50px;
+	/*position: relative;
+	left: 50px;*/
 		
 	
 	cursor: pointer;
@@ -76,9 +78,9 @@ input[type=text], input[type=number]{
 	}
 	
 	input[type=text], input[type=number]{
-	margin: 0px;	
+		margin: 0px;	
+		width: 100%;
 	}
-	#submitButton{left: 35%;}
 	
 }
 	
\ No newline at end of file