From ff1b4e0ad8d4c748e983f7708c31ac337d6b8361 Mon Sep 17 00:00:00 2001
From: AlecM33 <leohfx@gmail.com>
Date: Sun, 12 Jun 2022 13:54:13 -0400
Subject: [PATCH] tweak end of game page styling

---
 client/src/modules/HTMLFragments.js |  4 +---
 client/src/styles/game.css          | 10 +++++++++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/client/src/modules/HTMLFragments.js b/client/src/modules/HTMLFragments.js
index e91a2d5..7ed5a29 100644
--- a/client/src/modules/HTMLFragments.js
+++ b/client/src/modules/HTMLFragments.js
@@ -226,9 +226,7 @@ export const HTMLFragments = {
             <div id='game-player-list'></div>
         </div>`,
     RESTART_GAME_BUTTON:
-        `<div>
-            <button id='restart-game' class='app-button'>Run it back 🔄</button>
-        </div>`,
+        `<button id='restart-game' class='app-button'>Run it back 🔄</button>`,
     CREATE_GAME_DECK:
         `<div id='deck-container'>
             <div>
diff --git a/client/src/styles/game.css b/client/src/styles/game.css
index 8cb87c1..b3d187f 100644
--- a/client/src/styles/game.css
+++ b/client/src/styles/game.css
@@ -104,9 +104,17 @@ h1 {
     align-items: center;
 }
 
+#end-of-game-header h2 {
+    border: 1px solid #333243;
+    border-radius: 5px;
+    background-color: #1a1726;
+    padding: 7px;
+    margin: 0.5em;
+}
+
 #end-of-game-header button {
     margin: 0.5em;
-    min-width: 10em;
+    min-width: 12em;
 }
 .potential-moderator {
     display: flex;