From 164d81871ab500cb30a91e1d54092aa2e5fc88e9 Mon Sep 17 00:00:00 2001
From: Adam Goldsmith <adam@adamgoldsmith.name>
Date: Tue, 15 Dec 2020 01:44:05 -0500
Subject: [PATCH] Improve appearence of events table in taskDetail

---
 tasks/templates/tasks/taskDetail.djhtml | 27 +++++++++++++++----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/tasks/templates/tasks/taskDetail.djhtml b/tasks/templates/tasks/taskDetail.djhtml
index ad4f9f7..178b098 100644
--- a/tasks/templates/tasks/taskDetail.djhtml
+++ b/tasks/templates/tasks/taskDetail.djhtml
@@ -20,18 +20,23 @@
     <input type="submit" value="Submit">
   </form>
 
-  <table>
-    <tr>
-      <th> Date </th>
-      <th> User </th>
-      <th> Notes </th>
-    </tr>
-    {% for event in events %}
+  <h2> Event Log </h2>
+  <table class="table table-striped table-hover">
+    <thead>
       <tr>
-        <td> {{ event.date }} </td>
-        <td> {{ event.user }} </td>
-        <td> {{ event.notes }} </td>
+        <th> Date </th>
+        <th> User </th>
+        <th> Notes </th>
       </tr>
-    {% endfor %}
+    </thead>
+    <tbody>
+      {% for event in events|dictsortreversed:"date" %}
+        <tr>
+          <td class="text-nowrap"> {{ event.date }} </td>
+          <td> {{ event.user }} </td>
+          <td> {{ event.notes }} </td>
+        </tr>
+      {% endfor %}
+    </tbody>
   </table>
 {% endblock %}