From c0549a659975298b9b97b435e6ac8784859cf2cc Mon Sep 17 00:00:00 2001
From: Timo Montalto <t.montalto@browserwerk.de>
Date: Mon, 20 Apr 2026 14:19:18 +0200
Subject: [PATCH] Fix manga note overflow: move to full-width grid row

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 assets/css/custom.css       | 3 ++-
 layouts/_default/manga.html | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index 15c38b0..3d72819 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -172,7 +172,8 @@ li.post {
     color: #777;
     font-size: 0.88rem;
     font-style: italic;
-    margin: 0.5rem 0 0;
+    grid-column: 2 / -1;
+    margin: 0;
     padding: 0.15rem 0.55rem;
 }
 
diff --git a/layouts/_default/manga.html b/layouts/_default/manga.html
index 82a87c0..8a20f65 100644
--- a/layouts/_default/manga.html
+++ b/layouts/_default/manga.html
@@ -107,10 +107,10 @@
             </span>
             {{ end }}
           </div>
-          {{ with .note }}
-          <p class="manga-card-note">{{ . }}</p>
-          {{ end }}
         </div>
+        {{ with .note }}
+        <p class="manga-card-note">{{ . }}</p>
+        {{ end }}
       </article>
       {{ end }}
     </div>