From 1d95b6fb004baaf8c8efa92e8c25af947204adaf Mon Sep 17 00:00:00 2001
From: neviyn <neviynhd@gmail.com>
Date: Sun, 4 Apr 2021 13:57:01 +0100
Subject: [PATCH] Tweaked element sizing

---
 src/main/resources/templates/project.html | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)
diff --git a/src/main/resources/templates/project.html b/src/main/resources/templates/project.html
index 81882fe..6dfd867 100644
--- a/src/main/resources/templates/project.html
+++ b/src/main/resources/templates/project.html
@@ -19,6 +19,11 @@
       let csrf_token = /*[[${_csrf.token}]]*/ 'csrf_token'
     </script>
     <script th:src="@{/js/project.js}" type="text/javascript"></script>
+    <style>
+      .user-list {
+        height: 50px;
+      }
+    </style>
     <title></title>
 </head>
 <body>
@@ -30,7 +35,7 @@
         </div>
     </div>
     <div class="row justify-content-center">
-        <div class="col-2">
+        <div class="col-auto" style="width: 15%">
             <div class="list-group mb-3">
                 <button class="list-group-item active" data-bs-target="#newEventModal" data-bs-toggle="modal">Add
                     Event...
@@ -39,12 +44,12 @@
             <div class="list-group">
                 <div class="list-group-item active">Members:</div>
                 <div th:each="member : ${project.members}">
-                    <div class="list-group-item">
+                    <div class="list-group-item user-list">
                         <div class="d-flex w-100 justify-content-between align-items-center">
                             <p th:text="${member.username}">username</p>
                             <form class="form-floating mb-3" method="post"
                                   th:action="@{/project/{pid}/removeuser(pid=${id})}">
-                                <input name="id" th:value="${member.id}" type="hidden">
+                                <input class="form-control-sm" name="id" th:value="${member.id}" type="hidden">
                                 <button class="btn btn-outline-danger btn-sm" type="submit"><i
                                         class="bi bi-x-circle text-danger"></i></button>
                             </form>
@@ -57,7 +62,7 @@
                 </button>
             </div>
         </div>
-        <div class="col-10">
+        <div class="col">
             <div class="d-flex flex-fill" id="calendar"></div>
         </div>
     </div>
