Improve appearence of events table in taskDetail

tasks/templates/tasks/taskDetail.djhtml

@@ -20,18 +20,23 @@
     <input type="submit" value="Submit">
   </form>
 
-  <table>
+  <h2> Event Log </h2>
-    <tr>
+  <table class="table table-striped table-hover">
-      <th> Date </th>
+    <thead>
-      <th> User </th>
-      <th> Notes </th>
-    </tr>
-    {% for event in events %}
       <tr>
-        <td> {{ event.date }} </td>
+        <th> Date </th>
-        <td> {{ event.user }} </td>
+        <th> User </th>
-        <td> {{ event.notes }} </td>
+        <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 %}