From 7e77f57a6f2c89cf21ecb673b8d06ca4e9e4cc71 Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Wed, 27 May 2026 11:00:32 +0200
Subject: [PATCH] refine: adjust schedule board spacing and grid layout

---
 templates/schedule.gohtml | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/templates/schedule.gohtml b/templates/schedule.gohtml
index c4c79a5..1ecfe8b 100644
--- a/templates/schedule.gohtml
+++ b/templates/schedule.gohtml
@@ -166,7 +166,7 @@
     </div>
 
     <div class="overflow-x-auto">
-      <div class="grid min-w-[1120px] grid-cols-7 gap-3 2xl:min-w-0">
+      <div class="grid gap-4 [grid-template-columns:repeat(7,minmax(260px,1fr))]">
       {{range .ScheduleDays}}
         <section class="min-w-0 bg-background-surface ring-1 ring-black/5">
           <header class="flex items-center justify-between gap-3 border-b border-black/5 bg-background px-3 py-2">
@@ -175,13 +175,13 @@
               <h2 class="mt-0.5 text-base font-medium leading-tight text-foreground">{{.WeekdayLabel}}</h2>
             </div>
           </header>
-          <div class="flex flex-col gap-2 p-2">
+          <div class="flex flex-col gap-3 p-3">
             {{if eq (len .Entries) 0}}
               <div class="flex min-h-20 items-center justify-center bg-background px-3 py-6 text-center text-sm text-foreground-muted ring-1 ring-black/5">No releases scheduled</div>
             {{else}}
               {{range .Entries}}
-                <a href="/browse?q={{urlquery .Title}}" class="group flex min-h-24 gap-3 overflow-hidden bg-background p-2 ring-1 ring-black/5 transition-colors hover:bg-[color:var(--color-surface-hover)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">
-                  <div class="relative aspect-2/3 h-24 shrink-0 overflow-hidden bg-background-surface">
+                <a href="/browse?q={{urlquery .Title}}" class="group flex min-h-28 gap-3 overflow-hidden bg-background p-3 ring-1 ring-black/5 transition-colors hover:bg-[color:var(--color-surface-hover)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent">
+                  <div class="relative aspect-2/3 h-28 shrink-0 overflow-hidden bg-background-surface">
                     {{if .ImageURL}}
                       <img src="{{.ImageURL}}" alt="{{.Title}}" class="h-full w-full object-cover transition-transform duration-200 group-hover:scale-[1.03]" loading="lazy" />
                     {{end}}
@@ -195,8 +195,8 @@
                       <span class="ml-auto bg-accent px-2 py-1 text-[10px] font-semibold text-black/90">{{.AirType}}</span>
                     </div>
 
-                    <h3 class="mt-2 line-clamp-2 text-sm font-medium leading-snug text-foreground">{{.Title}}</h3>
-                    <div class="mt-auto pt-2 text-xs text-foreground-muted">Open details</div>
+                    <h3 class="mt-3 line-clamp-2 text-sm font-medium leading-snug text-foreground">{{.Title}}</h3>
+                    <div class="mt-auto pt-3 text-xs text-foreground-muted">Open details</div>
                   </div>
                 </a>
               {{end}}