From 336791e355af4759b683a8bdd7cbe3d9b80b75e0 Mon Sep 17 00:00:00 2001
From: droideparanoico <david.alvarez.81@gmail.com>
Date: Fri, 3 Jul 2026 13:25:20 +0200
Subject: [PATCH] Fix gap/sizing: use inline styles for Tailwind classes not in
 daisyUI CDN

---
 src/main/resources/templates/fragments/feed-entries.html | 4 ++--
 src/main/resources/templates/layouts/base.html           | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/main/resources/templates/fragments/feed-entries.html b/src/main/resources/templates/fragments/feed-entries.html
index e248aca..10fd50c 100644
--- a/src/main/resources/templates/fragments/feed-entries.html
+++ b/src/main/resources/templates/fragments/feed-entries.html
@@ -1,10 +1,10 @@
 {#if entries.isEmpty()}
-<div class="card bg-base-200 shadow-xl p-12 text-center">
+<div class="card bg-base-200 shadow-xl text-center" style="padding:3rem">
   <p class="text-lg text-base-content/60">No releases found</p>
   <p class="text-sm text-base-content/40 mt-2">Add artists to your collection to see their releases here</p>
 </div>
 {#else}
-<div class="flex flex-col gap-10">
+<div class="flex flex-col" style="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 transition-colors shadow-sm overflow-hidden">
diff --git a/src/main/resources/templates/layouts/base.html b/src/main/resources/templates/layouts/base.html
index c8dd4de..fe5efcb 100644
--- a/src/main/resources/templates/layouts/base.html
+++ b/src/main/resources/templates/layouts/base.html
@@ -40,7 +40,7 @@
     </div>
 
     <div class="navbar-end gap-2">
-      <div id="search-wrapper" class="w-72">
+      <div id="search-wrapper" style="width:18rem">
         <form hx-get="/api/artists/search"
               hx-target="#search-results"
               hx-swap="innerHTML"
@@ -51,7 +51,7 @@
         <div id="search-results"></div>
       </div>
 
-      <select class="select select-bordered select-sm w-28" onchange="setTheme(this)">
+      <select class="select select-bordered select-sm" style="width:7rem" onchange="setTheme(this)">
         <option value="dark">Dark</option>
         <option value="light">Light</option>
         <option value="synthwave">Synthwave</option>