Revert card width, increase card text font sizes

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

@@ -4,10 +4,10 @@
   <p class="text-sm text-base-content/40 mt-2">Add artists to your collection to see their releases here</p>
 </div>
 {#else}
-<div style="display:flex;flex-direction:column;align-items:center;gap:2.5rem">
+<div style="display:flex;flex-direction:column;gap:2.5rem">
   {#for entry in entries}
   <a href="https://musicbrainz.org/release-group/{entry.mbid}" target="_blank" rel="noopener noreferrer"
-     class="card card-side bg-base-200 border border-base-300 hover:bg-base-300 card-shadow overflow-hidden" style="max-width:42rem;width:100%">
+     class="card card-side bg-base-200 border border-base-300 hover:bg-base-300 card-shadow overflow-hidden">
     <figure class="w-64">
       <img src="https://coverartarchive.org/release-group/{entry.mbid}/front-250"
            alt="{entry.title}" class="object-cover w-full h-full"
@@ -15,9 +15,9 @@
            onerror="this.parentElement.innerHTML='<div class=\'flex items-center justify-center h-full text-base-content/20\'>No Cover</div>'">
     </figure>
     <div class="card-body">
-      <h3 class="card-title text-sm text-base-content/60 uppercase tracking-wider">{entry.artistName}</h3>
-      <h2 class="text-lg font-semibold">{entry.title}</h2>
-      <div class="flex items-center gap-2 mt-2">
+      <h3 style="font-size:0.9rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:var(--fallback-bc,oklch(var(--bc)/0.6))">{entry.artistName}</h3>
+      <h2 style="font-size:1.25rem;font-weight:600">{entry.title}</h2>
+      <div style="display:flex;align-items:center;gap:0.5rem;margin-top:0.5rem;flex-wrap:wrap">
         {#if entry.primaryType == 'Album'}
           <span class="badge badge-primary badge-sm">Album</span>
         {#else if entry.primaryType == 'Single'}
@@ -28,7 +28,7 @@
           <span class="badge badge-ghost badge-sm">{entry.primaryType}</span>
         {/if}
         {#if entry.firstReleaseDate}
-          <span class="text-sm text-base-content/40">{entry.firstReleaseDate}</span>
+          <span style="font-size:0.9rem;color:var(--fallback-bc,oklch(var(--bc)/0.4))">{entry.firstReleaseDate}</span>
         {/if}
       </div>
     </div>