|
|
@@ -36,26 +36,30 @@
|
|
|
</div>
|
|
|
</nav>
|
|
|
<div class="container">
|
|
|
- <div th:fragment="error-message" th:if="${error}" class="row alert alert-danger alert-dismissible fade show" role="alert">
|
|
|
- <strong th:text="${error}"></strong>
|
|
|
- <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
|
+ <div th:fragment="error-message" th:if="${error}" class="row justify-content-center alert alert-danger alert-dismissible fade show" role="alert">
|
|
|
+ <div class="col">
|
|
|
+ <strong th:text="${error}"></strong>
|
|
|
+ <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div th:fragment="message-list" th:if="${messages}" class="row">
|
|
|
- <table class="table table-striped caption-top">
|
|
|
- <caption>Messages</caption>
|
|
|
- <thead>
|
|
|
- <tr>
|
|
|
- <th scope="col">#</th>
|
|
|
- <th scope="col">Message</th>
|
|
|
- </tr>
|
|
|
- </thead>
|
|
|
- <tbody>
|
|
|
- <tr th:each="message,iterStat : ${messages}">
|
|
|
- <th scope="row" th:text="${iterStat.count}"></th>
|
|
|
- <td th:text="${message}"></td>
|
|
|
- </tr>
|
|
|
- </tbody>
|
|
|
- </table>
|
|
|
+ <div th:fragment="message-list" th:if="${messages}" class="row justify-content-start">
|
|
|
+ <div class="col">
|
|
|
+ <table class="table table-striped caption-top">
|
|
|
+ <caption>Messages</caption>
|
|
|
+ <thead>
|
|
|
+ <tr>
|
|
|
+ <th scope="col">#</th>
|
|
|
+ <th scope="col">Message</th>
|
|
|
+ </tr>
|
|
|
+ </thead>
|
|
|
+ <tbody>
|
|
|
+ <tr th:each="message,iterStat : ${messages}">
|
|
|
+ <th scope="row" th:text="${iterStat.count}"></th>
|
|
|
+ <td th:text="${message}"></td>
|
|
|
+ </tr>
|
|
|
+ </tbody>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<script src="/webjars/bootstrap/js/bootstrap.bundle.min.js" th:src="@{/webjars/bootstrap/js/bootstrap.bundle.min.js}"></script>
|
Joe Grandja