From 2c0331e485f225643966cde85122eaba0f017619 Mon Sep 17 00:00:00 2001
From: AlecM33 <leohfx@gmail.com>
Date: Sat, 12 Aug 2023 00:31:09 -0400
Subject: [PATCH] clean up mobile navbar; other tweaks

---
 client/src/styles/GLOBAL.css | 16 +++++++++++-----
 client/src/styles/game.css   |  1 -
 client/src/styles/home.css   |  2 +-
 client/src/styles/join.css   |  4 ++--
 server/config/globals.js     |  2 +-
 5 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/client/src/styles/GLOBAL.css b/client/src/styles/GLOBAL.css
index fbad936..0e55971 100644
--- a/client/src/styles/GLOBAL.css
+++ b/client/src/styles/GLOBAL.css
@@ -411,11 +411,17 @@ input {
     width: 19em !important;
 }
 
-#desktop-links > a:nth-child(1), #mobile-links a:nth-child(1) {
+#desktop-links > a:nth-child(1) {
     margin: 0 0.5em;
     width: 50px;
 }
 
+#mobile-links a:nth-child(1) {
+    width: 80px;
+    margin: 0 auto 3em auto !important;
+    display: flex;
+}
+
 .logo {
     display: flex;
     align-items: center;
@@ -432,7 +438,7 @@ input {
     font-family: 'signika-negative', sans-serif;
     border-radius: 5px;
     padding: 2px 5px;
-    font-size: 18px;
+    font-size: 20px;
     margin: 1em;
     width: fit-content;
 }
@@ -445,7 +451,7 @@ input {
     position: fixed;
     background-size: cover;
     height: 100%;
-    opacity: 50%;
+    opacity: 75%;
     background-color: black;
     width: 100%;
     z-index: 50000;
@@ -473,7 +479,7 @@ input {
 
 .mobile-link {
     margin-top: 1em !important;
-    margin-left: 1em !important;
+    margin-left: 2em !important;
 }
 
 @media(max-width: 1000px) {
@@ -499,7 +505,7 @@ input {
         padding-bottom: 2em;
         width: 100%;
         z-index: 51000;
-        background-color: #191920;
+        background-color: #16141e;
     }
 }
 
diff --git a/client/src/styles/game.css b/client/src/styles/game.css
index 87b2ba9..d4e4727 100644
--- a/client/src/styles/game.css
+++ b/client/src/styles/game.css
@@ -394,7 +394,6 @@ h1 {
 
 #game-role-info-container p, #game-role-info-container h5 {
     text-align: left;
-    font-weight: normal;
 }
 
 #game-role-info-container p {
diff --git a/client/src/styles/home.css b/client/src/styles/home.css
index 033e390..c06a4d5 100644
--- a/client/src/styles/home.css
+++ b/client/src/styles/home.css
@@ -152,7 +152,7 @@ label[for="room-code"], label[for="player-name"] {
 
 @media (min-width: 700px) {
     button#home-create-button {
-        font-size: 35px;
+        font-size: 30px;
     }
 }
 
diff --git a/client/src/styles/join.css b/client/src/styles/join.css
index 988be20..87c3783 100644
--- a/client/src/styles/join.css
+++ b/client/src/styles/join.css
@@ -3,7 +3,7 @@
     transform-origin: center;
     display: block;
     z-index: 1 !important;
-    background-color: #2d2c38;
+    background-color: #16141e;
 }
 
 #join-game-form .modal-button-container {
@@ -22,7 +22,7 @@
     justify-content: center;
     padding: 5px;
     border-radius: 5px;
-    background-color: #1e1b26;
+    background-color: #4645525c;
 }
 
 .modal-button-container > div > label {
diff --git a/server/config/globals.js b/server/config/globals.js
index 244231c..8ff82a8 100644
--- a/server/config/globals.js
+++ b/server/config/globals.js
@@ -1,5 +1,5 @@
 const globals = {
-    ACCESS_CODE_CHAR_POOL: 'BCDFGHJKLMNPQRSTVWXYZ23456789',
+    ACCESS_CODE_CHAR_POOL: 'BCDFGHJLMNPQRSTVWXYZ23456789',
     INSTANCE_ID_CHAR_POOL: 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789',
     ACCESS_CODE_LENGTH: 4,
     ACCESS_CODE_GENERATION_ATTEMPTS: 50,