Tweaked element sizing
This commit is contained in:
parent
b44dc99198
commit
1d95b6fb00
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user