absolute positioning for creation step buttons

This commit is contained in:
AlecM33
2023-08-18 18:05:11 -04:00
parent 21dc8c9b77
commit 761de97c50

View File

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