Improve work log entry rendering with visual separation

Amolith created

Change summary

templates/task.html | 8 +++++++-
1 file changed, 7 insertions(+), 1 deletion(-)

Detailed changes

templates/task.html 🔗 

@@ -104,7 +104,13 @@
   <details class="mt-4">
     <summary>Work log ({{ task.logs.len() }})</summary>
     {% for log in task.logs %}
-    <div><time datetime="{{ log.timestamp }}">{{ log.timestamp_display }}</time> — {{ log.message|safe }}</div>
+    <article class="log-entry mt-4">
+      <p class="text-light"><small><time datetime="{{ log.timestamp }}">{{ log.timestamp_display }}</time></small></p>
+      <div>{{ log.message|safe }}</div>
+    </article>
+    {% if !loop.last %}
+    <hr>
+    {% endif %}
     {% endfor %}
     <form method="post" action="/projects/{{ project_name }}/tasks/{{ task.full_id }}/log" class="mt-4">
       <label for="log-message">Add log entry</label>