From 18ba5c4424e6b1b49ad2f69c037aa146ef77289f Mon Sep 17 00:00:00 2001
From: tcely <tcely@users.noreply.github.com>
Date: Thu, 13 Feb 2025 06:10:49 -0500
Subject: [PATCH 1/2] Show publication date and the not truncated title

---
 tubesync/sync/templates/sync/media-item.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/tubesync/sync/templates/sync/media-item.html b/tubesync/sync/templates/sync/media-item.html
index 354e4d82..3c040b61 100644
--- a/tubesync/sync/templates/sync/media-item.html
+++ b/tubesync/sync/templates/sync/media-item.html
@@ -70,6 +70,10 @@
         <td class="hide-on-small-only">Duration</td>
         <td><span class="hide-on-med-and-up">Duration<br></span><strong>{{ media.duration_formatted }}</strong></td>
       </tr>
+      <tr title="The media publication date">
+        <td class="hide-on-small-only">Published</td>
+        <td><span class="hide-on-med-and-up">Published<br></span><strong>{{ media.published |date:'Y-m-d H:i:s' }}</strong></td>
+      </tr>
       <tr title="The desired format">
         <td class="hide-on-small-only">Desired format</td>
         <td><span class="hide-on-med-and-up">Desired format<br></span><strong>{{ media.source.format_summary }}</strong></td>
@@ -78,6 +82,10 @@
         <td class="hide-on-small-only">Fallback</td>
         <td><span class="hide-on-med-and-up">Fallback<br></span><strong>{{ media.source.get_fallback_display }}</strong></td>
       </tr>
+      <tr title="The media title">
+        <td class="hide-on-small-only">Title</td>
+        <td><span class="hide-on-med-and-up">Title<br></span><strong>{{ media.title }}</strong></td>
+      </tr>
       {% if not media.source.download_media %}
       <tr title="Is media marked to be downloaded at the source?">
         <td class="hide-on-small-only">Source download?</td>

From 165fb8607f0ba59221c3fb81e6434fd4620bbb6e Mon Sep 17 00:00:00 2001
From: tcely <tcely@users.noreply.github.com>
Date: Thu, 13 Feb 2025 18:03:34 -0500
Subject: [PATCH 2/2] Display `Media.download_date` after check mark

---
 tubesync/sync/templates/sync/media-item.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tubesync/sync/templates/sync/media-item.html b/tubesync/sync/templates/sync/media-item.html
index 3c040b61..a378f57d 100644
--- a/tubesync/sync/templates/sync/media-item.html
+++ b/tubesync/sync/templates/sync/media-item.html
@@ -72,7 +72,7 @@
       </tr>
       <tr title="The media publication date">
         <td class="hide-on-small-only">Published</td>
-        <td><span class="hide-on-med-and-up">Published<br></span><strong>{{ media.published |date:'Y-m-d H:i:s' }}</strong></td>
+        <td><span class="hide-on-med-and-up">Published<br></span><strong>{{ media.published |date:'Y-m-d H:i' }}</strong></td>
       </tr>
       <tr title="The desired format">
         <td class="hide-on-small-only">Desired format</td>
@@ -100,7 +100,7 @@
       {% else %}
       <tr title="Has the media been downloaded?">
         <td class="hide-on-small-only">Downloaded?</td>
-        <td><span class="hide-on-med-and-up">Downloaded?<br></span><strong>{% if media.downloaded %}<i class="fas fa-check"></i>{% else %}<i class="fas fa-times"></i>{% endif %}</strong></td>
+        <td><span class="hide-on-med-and-up">Downloaded?<br></span><strong>{% if media.downloaded %}<i class="fas fa-check"></i>&nbsp;{{ media.download_date |date:'Y-m-d H:i:s' }}{% else %}<i class="fas fa-times"></i>{% endif %}</strong></td>
       </tr>
       {% endif %}
       {% if media.downloaded %}