fix: prevent home page book cards from overflowing viewport on mobile

scraper/internal/server/ui.go

@@ -179,7 +179,7 @@ func (s *Server) respond(w http.ResponseWriter, r *http.Request, title, fragment
 // ─── GET / — book catalogue ───────────────────────────────────────────────────
 
 const homeTmpl = `
-<div class="max-w-4xl mx-auto px-4 py-10" hx-history="false">
+<div class="max-w-4xl mx-auto px-4 py-10 overflow-hidden" hx-history="false">
   <div class="flex items-center justify-between mb-2">
     <h1 class="text-3xl font-bold text-zinc-100">libnovel</h1>
     <div class="flex items-center gap-1">
@@ -215,7 +215,7 @@ const homeTmpl = `
          hx-swap="innerHTML"
          data-slug="{{.Slug}}"
          data-filter="{{.Title}} {{.Author}} {{.Status}} {{range .Genres}}{{.}} {{end}}"
-         class="book-card group block rounded-xl border border-zinc-800 bg-zinc-900 p-5 hover:border-amber-500 transition-colors cursor-pointer">
+         class="book-card group block rounded-xl border border-zinc-800 bg-zinc-900 p-5 hover:border-amber-500 transition-colors cursor-pointer min-w-0 overflow-hidden">
         <div class="flex gap-4">
           {{if .Cover}}
           <img src="{{.Cover}}" alt="cover" class="w-14 h-20 object-cover rounded flex-shrink-0">