From 381517cf783349fea2869d772afd9740427d5e01 Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Wed, 15 Apr 2026 01:59:38 +0200
Subject: [PATCH] style(ui): emphasize anime sections

---
 internal/templates/anime.templ | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/internal/templates/anime.templ b/internal/templates/anime.templ
index 9573088..e614ad9 100644
--- a/internal/templates/anime.templ
+++ b/internal/templates/anime.templ
@@ -49,13 +49,13 @@ templ AnimeDetails(anime jikan.Anime, currentStatus string) {
 					</div>
 				</div>
 				<section>
-					<h3>Related</h3>
+					<h3 class="mb-3 text-lg font-semibold tracking-wide text-(--text)">Related</h3>
 					<div hx-get={ string(templ.URL(fmt.Sprintf("/api/anime/%d/relations", anime.MalID))) } hx-trigger="load">
 						@ui.LoadingIndicator("Loading relations")
 					</div>
 				</section>
 				<section>
-					<h3>Recommendations</h3>
+					<h3 class="mb-3 text-lg font-semibold tracking-wide text-(--text)">Recommendations</h3>
 					<div hx-get={ string(templ.URL(fmt.Sprintf("/api/anime/%d/recommendations", anime.MalID))) } hx-trigger="load">
 						@ui.LoadingIndicator("Loading recommendations")
 					</div>
@@ -63,7 +63,7 @@ templ AnimeDetails(anime jikan.Anime, currentStatus string) {
 			</div>
 			<aside class="sticky top-20 grid gap-4 bg-(--panel) p-3 max-xl:static">
 				<div class="grid gap-3">
-					<h3 class="mb-2 text-xs text-(--text-faint)">Details</h3>
+					<h3 class="mb-2 text-base font-semibold tracking-wide text-(--text)">Details</h3>
 					if anime.Aired.String != "" {
 						<div class="mt-1 grid gap-1">
 							<span class="mt-0.5 text-sm text-(--text-faint)">Aired</span>