use bootstrap table at results

cwansart · Jul 16, 2024 · 8869c8a · 8869c8a
1 parent 5290a73
commit 8869c8a
Showing 1 changed file with 14 additions and 8 deletions.
diff --git a/src/main/resources/templates/result.html b/src/main/resources/templates/result.html
@@ -14,14 +14,20 @@ <h2 class="form-heading" th:text="${'Results for poll #' + id}"></h2>
         <h3 th:text="${name}"></h3>
 
         <div class="container mb-3">
-            <div class="row align-items-start">
-                <div class="col border border-info bg-info bg-opacity-10">Choice</div>
-                <div class="col border border-info bg-info bg-opacity-10">Votes</div>
-            </div>
-            <div class="row align-items-start" th:each="result: ${results}">
-                <div class="col border" th:text="${result.name}" />
-                <div class="col border" th:text="${result.count}" />
-            </div>
+            <table class="table table-striped table-bordered">
+                <thead>
+                    <tr>
+                        <th>Choice</th>
+                        <th>Votes</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr th:each="result: ${results}">
+                        <td th:text="${result.name}" />
+                        <td th:text="${result.count}" />
+                    </tr>
+                </tbody>
+            </table>
         </div>
     </div>
 </body>