From 8910a692432ebf8d32948f08172fad943c70b78f Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Mon, 20 Apr 2026 14:35:53 +0200
Subject: fix: make prev-next navigation responsive on mobile

Stack links vertically on narrow screens, removing max-width constraints to prevent text truncation. Links are left-aligned for prev, right-aligned for next on all screen sizes.

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
---
 themes/danix-xyz-hacker/layouts/partials/article-nav.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'themes/danix-xyz-hacker/layouts/partials/article-nav.html')

diff --git a/themes/danix-xyz-hacker/layouts/partials/article-nav.html b/themes/danix-xyz-hacker/layouts/partials/article-nav.html
index d7f8ca3..8a118b3 100644
--- a/themes/danix-xyz-hacker/layouts/partials/article-nav.html
+++ b/themes/danix-xyz-hacker/layouts/partials/article-nav.html
@@ -18,13 +18,13 @@
     {{/* ---- Previous (left side) ---- */}}
     {{ if $prev }}
       <a href="{{ $prev.Permalink }}"
-         class="article-nav-link truncate max-w-[45%]"
+         class="article-nav-link truncate md:max-w-[45%] text-left"
          rel="prev"
          title="{{ $prev.Title }}">
         ◄ {{ $prev.Title }}
       </a>
     {{ else }}
-      <span class="article-nav-placeholder" aria-label="Beginning of articles">
+      <span class="article-nav-placeholder text-left" aria-label="Beginning of articles">
         ◄ (beginning)
       </span>
     {{ end }}
@@ -32,7 +32,7 @@
     {{/* ---- Next (right side) ---- */}}
     {{ if $next }}
       <a href="{{ $next.Permalink }}"
-         class="article-nav-link truncate max-w-[45%] text-right"
+         class="article-nav-link truncate md:max-w-[45%] text-right"
          rel="next"
          title="{{ $next.Title }}">
         {{ $next.Title }} ►
-- 
cgit v1.2.3