From 60359f66e085dbe6b6e04fb739457e182321139a Mon Sep 17 00:00:00 2001
From: AlecM33 <leohfx@gmail.com>
Date: Tue, 28 Dec 2021 17:43:59 -0500
Subject: [PATCH] styling tweaks

---
 client/src/styles/GLOBAL.css | 7 +++++--
 client/src/styles/create.css | 2 +-
 client/src/styles/home.css   | 8 +++++---
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/client/src/styles/GLOBAL.css b/client/src/styles/GLOBAL.css
index 4fc7402..1728faa 100644
--- a/client/src/styles/GLOBAL.css
+++ b/client/src/styles/GLOBAL.css
@@ -24,6 +24,7 @@ th, thead, tr, tt, u, ul, var {
 html {
     font-family: 'signika-negative', sans-serif !important;
     background-color: #0f0f10;
+    overflow: auto;
 }
 
 body {
@@ -32,6 +33,8 @@ body {
     align-items: flex-start;
     margin: 0 auto;
     position: relative;
+    background-color: #0f0f10;
+    height: 100vh;
 }
 
 .bmc-btn {
@@ -235,8 +238,8 @@ input {
     font-family: 'diavlo', sans-serif;
     border-radius: 5px;
     padding: 2px 5px;
-    font-size: 18px;
-    margin: 0 0.5em;
+    font-size: 19px;
+    margin: 0 0.75em;
     width: fit-content;
 }
 
diff --git a/client/src/styles/create.css b/client/src/styles/create.css
index 3fb57f8..6e29a76 100644
--- a/client/src/styles/create.css
+++ b/client/src/styles/create.css
@@ -192,7 +192,7 @@ label[for="game-time"], label[for="add-card-to-deck-form"], label[for="deck"] {
 }
 
 input[type="number"] {
-    min-width: 3em;
+    width: 3em;
     font-size: 40px;
 }
 
diff --git a/client/src/styles/home.css b/client/src/styles/home.css
index 81c1ff7..a727b4f 100644
--- a/client/src/styles/home.css
+++ b/client/src/styles/home.css
@@ -1,12 +1,10 @@
 html {
     background: rgb(0,0,0);
     background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgb(17 18 18) 35%, rgba(27,31,31,1) 100%);
-    height: 100%;
 }
 
 body {
     align-items: center;
-    height: 100%;
 }
 
 button#home-create-button {
@@ -17,7 +15,7 @@ button#home-create-button {
 form {
     display: flex;
     flex-wrap: wrap;
-    margin: 1em 0;
+    margin: 10px 0;
     padding: 10px;
     border-radius: 3px;
     background-color: black;
@@ -90,4 +88,8 @@ label[for="room-code"], label[for="player-name"] {
     button#home-create-button {
         font-size: 5vw;
     }
+
+    #room-code {
+        max-width: 9em;
+    }
 }