Updates to torrent!

Aberwyn/Views/Torrent/Index.cshtml

@@ -3,10 +3,9 @@
 
 <div class="torrent-list">
     <div class="torrent-header">
-        <div class="col-title">Titel</div>
+        <div class="col-title">Film</div>
         <div class="col-center">Seeders</div>
         <div class="col-center">Leechers</div>
-        <div class="col-center">Completed</div>
         <div class="col-right">Datum</div>
         <div class="col-right">Åtgärd</div>
     </div>
@@ -17,16 +16,21 @@
             <div class="col-title">
                 <img src="@t.Metadata?.Poster" alt="@t.Title" class="poster" onclick="showLightbox(this.src)" />
                 <div class="title-info">
-                    <strong>@t.Title</strong>
-                    @if (!string.IsNullOrEmpty(t.Metadata?.ImdbRating))
-                    {
-                        <span class="imdb">⭐ @t.Metadata.ImdbRating</span>
-                    }
+                    <strong>@t.Title (@t.Metadata?.Year)</strong>
+                    <div class="meta">
+                        @if (!string.IsNullOrEmpty(t.Metadata?.Genre))
+                        {
+                            <span class="genre">@t.Metadata.Genre</span>
+                        }
+                        @if (!string.IsNullOrEmpty(t.Metadata?.ImdbRating))
+                        {
+                            <span class="imdb">⭐ @t.Metadata.ImdbRating</span>
+                        }
+                    </div>
                 </div>
             </div>
             <div class="col-center @(t.Seeders > 40 ? "highlight-green" : "")">@t.Seeders</div>
             <div class="col-center highlight-red">@t.Leechers</div>
-            <div class="col-center">@t.Completed</div>
             <div class="col-right">@t.PublishDate.ToString("yyyy-MM-dd HH:mm")</div>
             <div class="col-right col-action">
                 <form asp-controller="Torrent" asp-action="Add" method="post">

Aberwyn/wwwroot/css/torrent.css

@@ -14,11 +14,10 @@
 
 .torrent-header, .torrent-row {
     display: grid;
-    grid-template-columns: 3fr 1fr 1fr 1fr 2fr 1fr;
+    grid-template-columns: 4fr 1fr 1fr 2fr 1fr;
     align-items: center;
-    padding: 6px 0;
+    padding: 8px 0;
 }
-
 .torrent-header {
     font-weight: 600;
     border-bottom: 2px solid #ccc;
@@ -92,25 +91,42 @@
     }
 
 .poster {
-    width: 40px;
-    height: 60px;
+    width: 25px;
+    height: 35px;
     object-fit: cover;
     cursor: pointer;
-    margin-right: 8px;
+    margin-right: 10px;
     border-radius: 4px;
 }
 
+
 .title-info {
-    display: inline-block;
-    vertical-align: top;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+    .title-info strong {
+        font-size: 14px;
+        margin-bottom: 2px;
+    }
+
+.meta {
+    font-size: 12px;
+    color: #666;
+}
+
+.genre {
+    margin-right: 8px;
+    color: #888;
 }
 
 .imdb {
-    font-size: 0.9em;
-    color: #ffcc00;
-    margin-left: 4px;
+    font-size: 12px;
+    color: #5a4800;
 }
 
+
 /* Lightbox */
 #posterLightbox {
     display: none;