Tweaked element sizing

This commit is contained in:
neviyn 2021-04-04 13:57:01 +01:00
parent b44dc99198
commit 1d95b6fb00

View File

@ -19,6 +19,11 @@
let csrf_token = /*[[${_csrf.token}]]*/ 'csrf_token' let csrf_token = /*[[${_csrf.token}]]*/ 'csrf_token'
</script> </script>
<script th:src="@{/js/project.js}" type="text/javascript"></script> <script th:src="@{/js/project.js}" type="text/javascript"></script>
<style>
.user-list {
height: 50px;
}
</style>
<title></title> <title></title>
</head> </head>
<body> <body>
@ -30,7 +35,7 @@
</div> </div>
</div> </div>
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-2"> <div class="col-auto" style="width: 15%">
<div class="list-group mb-3"> <div class="list-group mb-3">
<button class="list-group-item active" data-bs-target="#newEventModal" data-bs-toggle="modal">Add <button class="list-group-item active" data-bs-target="#newEventModal" data-bs-toggle="modal">Add
Event... Event...
@ -39,12 +44,12 @@
<div class="list-group"> <div class="list-group">
<div class="list-group-item active">Members:</div> <div class="list-group-item active">Members:</div>
<div th:each="member : ${project.members}"> <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"> <div class="d-flex w-100 justify-content-between align-items-center">
<p th:text="${member.username}">username</p> <p th:text="${member.username}">username</p>
<form class="form-floating mb-3" method="post" <form class="form-floating mb-3" method="post"
th:action="@{/project/{pid}/removeuser(pid=${id})}"> 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 <button class="btn btn-outline-danger btn-sm" type="submit"><i
class="bi bi-x-circle text-danger"></i></button> class="bi bi-x-circle text-danger"></i></button>
</form> </form>
@ -57,7 +62,7 @@
</button> </button>
</div> </div>
</div> </div>
<div class="col-10"> <div class="col">
<div class="d-flex flex-fill" id="calendar"></div> <div class="d-flex flex-fill" id="calendar"></div>
</div> </div>
</div> </div>