more styling tweaks

This commit is contained in:
AlecM33
2022-01-03 16:17:40 -05:00
parent c51864659a
commit 490313ec22
3 changed files with 4 additions and 4 deletions

View File

@@ -10,7 +10,7 @@
border-radius: 3px; border-radius: 3px;
user-select: none; user-select: none;
max-width: 15em; max-width: 15em;
min-width: 9em; min-width: 130px;
display: flex; display: flex;
height: 55px; height: 55px;
} }
@@ -144,7 +144,7 @@
} }
#deck-good, #deck-evil { #deck-good, #deck-evil {
padding: 10px; padding: 0;
border-radius: 3px; border-radius: 3px;
margin: 0.5em; margin: 0.5em;
display: flex; display: flex;

View File

@@ -1,7 +1,7 @@
.modal { .modal {
border-radius: 2px; border-radius: 2px;
text-align: center; text-align: center;
position: absolute; position: fixed;
width: 85%; width: 85%;
z-index: 100; z-index: 100;
top: 50%; top: 50%;

View File

@@ -38,7 +38,7 @@
</div> </div>
<div> <div>
<label for="role-description">Description</label> <label for="role-description">Description</label>
<textarea style="resize:none" id="role-description" rows="10" cols="30" placeholder="Describe your role..." required></textarea> <textarea style="resize:none" id="role-description" rows="4" cols="1" placeholder="Describe your role..." required></textarea>
</div> </div>
<div class="modal-button-container"> <div class="modal-button-container">
<button id="close-modal-button" class="cancel app-button">Close</button> <button id="close-modal-button" class="cancel app-button">Close</button>