From 761de97c50ca80b92508bd9b57c06b5ceb45e0e4 Mon Sep 17 00:00:00 2001
From: AlecM33 <leohfx@gmail.com>
Date: Fri, 18 Aug 2023 18:05:11 -0400
Subject: [PATCH] absolute positioning for creation step buttons

---
 client/src/styles/create.css | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/client/src/styles/create.css b/client/src/styles/create.css
index 7e91d1b..2444c31 100644
--- a/client/src/styles/create.css
+++ b/client/src/styles/create.css
@@ -571,6 +571,8 @@ input[type="number"] {
     justify-content: center;
     width: 100%;
     height: 50px;
+    position: relative;
+    max-width: 30em;
 }
 
 #upload-custom-roles-modal input[type='file'] {
@@ -581,6 +583,7 @@ input[type="number"] {
     display: flex;
     justify-content: center;
     margin: 0 20px;
+    position: absolute;
 }
 
 #step-forward-button, #step-back-button, #create-game {
@@ -604,6 +607,7 @@ input[type="number"] {
     -moz-user-select: none;
     background-color: #1e1e1e;
     border: 1px solid #4b4b4b;
+    position: absolute;
 }
 
 #step-forward-button:hover, #step-back-button:hover {
@@ -618,12 +622,17 @@ input[type="number"] {
     border: none;
 }
 
-#step-forward-button, #create-game {
-    right: 15%;
+#step-forward-button {
+    right: 30px;
+}
+
+#create-game {
+    right: 5%;
+    position: absolute;
 }
 
 #step-back-button {
-    left: 15%;
+    left: 30px;
 }
 
 #step-1 div {