From ac822f8f3e9e0c17ac0e3f5f78be49eba0c588ba Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Thu, 7 May 2026 00:59:37 +0200
Subject: [PATCH] feat: add margin to watchlist cards

---
 templates/watchlist.gohtml         | 4 ++--
 templates/watchlist_partial.gohtml | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/watchlist.gohtml b/templates/watchlist.gohtml
index 08e7e44..a4240ec 100644
--- a/templates/watchlist.gohtml
+++ b/templates/watchlist.gohtml
@@ -1,7 +1,7 @@
 {{define "title"}}Watchlist{{end}}
 {{define "content"}}
 {{if .WatchlistIDs}}<script>initWatchlist({{.WatchlistIDs}})</script>{{end}}
-<div id="watchlist-content" class="flex w-full flex-col gap-6">
+<div id="watchlist-content" class="flex w-full flex-col gap-6 mt-6">
   <h1 class="text-xl font-semibold text-white">Watchlist</h1>
 
   <div class="flex flex-wrap items-center justify-between gap-4">
@@ -36,7 +36,7 @@
     </div>
   </div>
 
-  <div id="watchlist-items" class="grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6">
+  <div id="watchlist-items" class="grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 mt-6">
     {{range $.AllEntries}}
       <div class="watchlist-item flex w-full flex-col gap-2" data-status="{{.Status}}" data-updated-at="{{.UpdatedAt.Unix}}" data-episode="{{.CurrentEpisode.Int64}}" data-time="{{.CurrentTimeSeconds}}" data-title="{{.DisplayTitle}}">
         <div class="group relative flex aspect-2/3 w-full flex-col overflow-hidden bg-white/5 after:absolute after:inset-0 after:bg-black/80 after:opacity-0 hover:after:opacity-100 after:transition-opacity">
diff --git a/templates/watchlist_partial.gohtml b/templates/watchlist_partial.gohtml
index 47242d9..ea63497 100644
--- a/templates/watchlist_partial.gohtml
+++ b/templates/watchlist_partial.gohtml
@@ -39,7 +39,7 @@
       {{$entries := index $.WatchlistByStatus $status}}
       {{if $entries}}
         <div class="watchlist-section" data-status="{{$status}}">
-          <div class="grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6">
+          <div class="grid grid-cols-2 gap-4 md:grid-cols-3 lg:grid-cols-4 2xl:grid-cols-6 mt-6">
             {{range $entries}}
               <div class="watchlist-item flex w-full flex-col gap-2" data-status="{{.Status}}" data-updated-at="{{.UpdatedAt.Unix}}" data-episode="{{.CurrentEpisode.Int64}}" data-time="{{.CurrentTimeSeconds}}" data-title="{{.DisplayTitle}}">
                 <div class="group relative flex aspect-2/3 w-full flex-col overflow-hidden bg-white/5 after:absolute after:inset-0 after:bg-black/80 after:opacity-0 hover:after:opacity-100 after:transition-opacity">