Feed restyle with RSS button

src/main/resources/templates/fragments/artist-row.html

@@ -20,6 +20,7 @@
         {#for s in settings}
         <label class="label cursor-pointer gap-1 badge badge-outline py-2">
             <input type="checkbox"
+                   name="enabled"
                    class="checkbox checkbox-xs"
                    value="true"
                    {#if s.enabled}checked{/if}

src/main/resources/templates/fragments/feed-row.html

@@ -1,22 +1,27 @@
-<div class="flex gap-3 items-center bg-base-100 rounded-box border border-base-300 p-3 shadow-sm">
-    <img src="https://coverartarchive.org/release-group/{row.mbid}/front"
-         alt="cover"
-         loading="lazy"
-         class="w-16 h-16 rounded object-cover bg-base-200"
-         onerror="this.onerror=null;this.src='/img/no-cover.svg'"/>
-
-    <div class="flex-1 min-w-0">
-        <div class="flex flex-wrap items-center gap-2">
-            <span class="font-semibold truncate">{row.artist.name}</span>
-            {#if row.primaryType??}<span class="badge badge-primary badge-sm">{row.primaryType}</span>{/if}
-            {#if row.secondaryTypes??}<span class="badge badge-ghost badge-sm">{row.secondaryTypes}</span>{/if}
+<div class="flex gap-4 items-stretch bg-base-100 rounded-box border border-base-300 p-3 shadow-sm">
+    <div class="relative shrink-0">
+        <div class="vinyl-wrap w-28 h-28">
+            <img src="https://coverartarchive.org/release-group/{row.mbid}/front"
+                 alt="cover"
+                 loading="lazy"
+                 class="vinyl-cover w-full h-full object-cover"
+                 onerror="this.onerror=null;this.src='/img/no-cover.svg'"/>
+            <div class="vinyl-hole"></div>
         </div>
-        <a href="{row.mbzUrl}" target="_blank" rel="noopener" class="link link-hover text-base-content/90 block truncate">
+    </div>
+
+    <div class="flex-1 min-w-0 flex flex-col justify-center gap-1">
+        <div class="font-semibold text-sm text-base-content/70 truncate">{row.artist.name}</div>
+        <a href="{row.mbzUrl}" target="_blank" rel="noopener"
+           class="link link-hover text-lg font-bold leading-tight block truncate">
             {row.title}
         </a>
-    </div>
-
-    <div class="text-right text-sm text-base-content/70 shrink-0">
-        {#if row.firstReleaseDateRaw??}{row.firstReleaseDateRaw}{#else}—{/if}
+        <div class="flex flex-wrap items-center gap-2 mt-1">
+            {#if row.primaryType??}<span class="badge badge-primary badge-sm">{row.primaryType}</span>{/if}
+            {#if row.secondaryTypes??}<span class="badge badge-ghost badge-sm">{row.secondaryTypes}</span>{/if}
+            <span class="text-sm text-base-content/60">
+                {#if row.firstReleaseDateRaw??}{row.firstReleaseDateRaw}{#else}—{/if}
+            </span>
+        </div>
     </div>
 </div>