From d87b7bfb5406ebf057876f26281841c8d82a47dd Mon Sep 17 00:00:00 2001
From: mkelvers <mikkelelvers@outlook.com>
Date: Tue, 21 Apr 2026 00:21:33 +0200
Subject: [PATCH] fix: restore mobile anime layout order

---
 web/templates/anime.templ | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/templates/anime.templ b/web/templates/anime.templ
index 0ef939c..de39014 100644
--- a/web/templates/anime.templ
+++ b/web/templates/anime.templ
@@ -15,7 +15,7 @@ import (
 templ AnimeDetails(anime jikan.Anime, currentStatus string, nextEpisode int) {
 	@layout.Layout("mal - " + anime.DisplayTitle(), true) {
 		<div class="grid items-start gap-5 xl:grid-cols-[minmax(0,1fr)_300px]">
-			<div class="grid min-w-0 gap-8">
+			<div class="order-2 grid min-w-0 gap-8 xl:order-1">
 				<div class="grid gap-5 lg:grid-cols-[220px_minmax(0,1fr)]">
 					<div class="w-56">
 						if anime.ImageURL() != "" {
@@ -74,7 +74,7 @@ templ AnimeDetails(anime jikan.Anime, currentStatus string, nextEpisode int) {
 					</div>
 				</section>
 			</div>
-			<aside class="sticky top-20 grid gap-4 bg-(--panel) p-3 max-xl:static">
+			<aside class="order-1 grid gap-4 bg-(--panel) p-3 max-xl:static xl:order-2">
 				<div class="grid gap-3">
 					<h3 class="mb-2 text-base font-semibold tracking-wide text-(--text)">Details</h3>
 					if anime.Aired.String != "" {