1

Improve styling on several templates

This commit is contained in:
kasch309
2020-03-18 16:32:27 +01:00
parent dad86bb4b2
commit 42721e06fc

View File

@ -28,8 +28,7 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-9"> <div class="col-9 shadow-sm p-4" style="border: 10px solid aliceblue; background: aliceblue">
<div class="shadow-sm p-4" style="border: 10px solid aliceblue; background: aliceblue">
<h1 style="color: black; font-weight: bold" th:text="${group.getTitle()}"></h1> <h1 style="color: black; font-weight: bold" th:text="${group.getTitle()}"></h1>
<h3> <h3>
<span class="badge badge-pill badge-dark" style="background: darkslategray" th:if='${group.getVisibility() == group.getVisibility().PRIVATE }'>Private Gruppe</span> <span class="badge badge-pill badge-dark" style="background: darkslategray" th:if='${group.getVisibility() == group.getVisibility().PRIVATE }'>Private Gruppe</span>
@ -41,17 +40,13 @@
<p style="overflow-wrap: break-word" th:text="${group.getDescription()}"></p> <p style="overflow-wrap: break-word" th:text="${group.getDescription()}"></p>
</div> </div>
<br> <br>
<div class="text-right"> <div class="text-right btn-toolbar" style="float: right" role="toolbar">
<form> <button class="btn btn-primary" style="background: dodgerblue; border: none; margin: 5px">
<button class="btn btn-primary" style="background: dodgerblue; border: none">
<a th:href="@{/gruppen2}" style="color: white">Zurück</a> <a th:href="@{/gruppen2}" style="color: white">Zurück</a>
</button> </button>
<form method="post" action="/gruppen2/leaveGroup"> <form method="post" action="/gruppen2/leaveGroup">
<button th:value="${group.getId()}" th:name="group_id" class="btn btn-danger" type="submit" style="border-style: none;">Gruppe verlassen</button> <button th:value="${group.getId()}" th:name="group_id" class="btn btn-danger" type="submit" style="border-style: none; margin: 5px">Gruppe verlassen</button>
</form> </form>
</form>
</div>
</div> </div>
</div> </div>
<div class="col-3" style="white-space: nowrap"> <div class="col-3" style="white-space: nowrap">