more styling tweaks

client/src/styles/create.css

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

client/src/styles/modal.css

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

client/src/views/create.html

@@ -38,7 +38,7 @@
             </div>
             <div>
                 <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 class="modal-button-container">
                 <button id="close-modal-button" class="cancel app-button">Close</button>