Square cover art and narrower feed

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

@@ -1,22 +1,17 @@
-<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>
-    </div>
+<div class="flex gap-3 items-center bg-base-100 rounded-box border border-base-300 p-2.5 shadow-sm">
+    <img src="https://coverartarchive.org/release-group/{row.mbid}/front"
+         alt="cover"
+         loading="lazy"
+         class="cover-art w-20 h-20 object-cover shrink-0"
+         onerror="this.onerror=null;this.src='/img/no-cover.svg'"/>
 
     <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">
+           class="link link-hover text-base font-bold leading-tight block truncate">
             {row.title}
         </a>
-        <div class="flex flex-wrap items-center gap-2 mt-1">
+        <div class="flex flex-wrap items-center gap-2 mt-0.5">
             {#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">

src/main/resources/templates/index.html

@@ -65,7 +65,7 @@
     </div>
 </header>
 
-<main class="max-w-5xl mx-auto px-4 py-6">
+<main class="max-w-2xl mx-auto px-4 py-6">
     <section id="feed" class="space-y-3">
         <div id="feed-list">
             {#include fragments/feed-list.html rows=rows nextOffset=nextOffset hasMore=hasMore pageSize=pageSize /}