From 3a824c9c7ee2b0936e6e6049709e3321b5bc0181 Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Tue, 30 Jun 2026 21:24:24 +0200
Subject: [PATCH] feat: refine simulcast card layout with smaller hover title
 and wider grid

---
 templates/components/anime_card.gohtml | 3 ++-
 templates/simulcast.gohtml             | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/templates/components/anime_card.gohtml b/templates/components/anime_card.gohtml
index 712ccec0..94b3c304 100644
--- a/templates/components/anime_card.gohtml
+++ b/templates/components/anime_card.gohtml
@@ -5,6 +5,7 @@
 {{$hideTitle := .HideTitle}}
 {{$isWatchlist := .IsWatchlist}}
 {{$hasTopBadge := .HasTopBadge}}
+{{$smallHoverTitle := .SmallHoverTitle}}
 {{$dataId := printf "id-%d" $anime.MalID}}
 
 {{$imageUrl := posterURL $anime.Images.Webp.LargeImageURL $anime.Images.Jpg.LargeImageURL 400 600}}
@@ -21,7 +22,7 @@
     {{if $withActions}}
       <div class="absolute inset-0 z-10 flex flex-col p-3 {{if $hasTopBadge}}pt-10{{end}} opacity-0 transition-opacity duration-300 group-hover:opacity-100">
         {{if not $isWatchlist}}
-          <h3 class="mb-1.5 line-clamp-2 text-base font-medium text-white">
+          <h3 class="mb-1.5 line-clamp-2 {{if $smallHoverTitle}}text-sm{{else}}text-base{{end}} font-medium text-white">
             {{$displayTitle}}
           </h3>
         {{end}}
diff --git a/templates/simulcast.gohtml b/templates/simulcast.gohtml
index 5218ee33..70e1a5d3 100644
--- a/templates/simulcast.gohtml
+++ b/templates/simulcast.gohtml
@@ -1,6 +1,6 @@
 {{define "title"}}Simulcast{{end}}
 {{define "content"}}
-<div class="mx-auto flex w-full max-w-7xl flex-col gap-6 pb-12">
+<div class="mx-auto flex w-full max-w-[96rem] flex-col gap-6 pb-12">
   <div class="flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between">
     <h1 class="text-2xl font-medium text-foreground">Simulcast Season</h1>
     <ui-dropdown class="relative block" data-align="right" data-width="min-w-44">
@@ -23,7 +23,7 @@
   {{if .Animes}}
   <div class="grid grid-cols-2 gap-x-4 gap-y-7 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6">
     {{range .Animes}}
-      {{template "anime_card" dict "Anime" . "WithActions" true "IsWatchlist" (index $.WatchlistMap .MalID)}}
+      {{template "anime_card" dict "Anime" . "WithActions" true "SmallHoverTitle" true "IsWatchlist" (index $.WatchlistMap .MalID)}}
     {{end}}
   </div>
   {{else}}