fix: poorly styled table

tailwind.config.js

@@ -32,7 +32,8 @@ module.exports = {
       "truncate",
       "text-wrap",
       "rounded-sm",
-      "rounded-md"
+      "rounded-md",
+      "r-tablecell",
   ],
   theme: {
       extend: {

templates/components/DownloadListRow.html.twig

@@ -6,7 +6,7 @@
             {{ download.title }}
         </a>
 
-        {% if download.mediaType == "tvshows" %}
+        {% if download.mediaType == "tvshows" and download.episodeId != null %}
             &mdash; <span class="ml-1">(S{{ download.episodeId }})</span>
         {% endif %}
     </td>
@@ -25,7 +25,7 @@
                 <div class="text-black text-center rounded-sm text-bold bg-green-300 h-5 relative z-10"
                      style="width:{{ download.progress }}%">
                 </div>
-                <div class="absolute text-black text-center" style="z-index: 400;margin-top: -1.25rem; margin-left: 1.2rem">{{ download.progress }}%</div>
+                <div class="text-black text-center" style="z-index: 400;margin-top: -1.25rem; margin-left: 1.2rem">{{ download.progress }}%</div>
             </div>
         {% else %}
             <twig:StatusBadge color="green" status="Complete" />