From 9a8fd3afa66c6ffd73fde526e361a5b18fc003fe Mon Sep 17 00:00:00 2001
From: Will Faught <willfaught@users.noreply.github.com>
Date: Wed, 5 Jun 2024 22:36:02 -0700
Subject: [PATCH] Prevent header links from wrapping

---
 layouts/partials/paige/content.html | 2 +-
 layouts/partials/paige/style.html   | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/layouts/partials/paige/content.html b/layouts/partials/paige/content.html
index 2d1dd8fb..aadf788a 100644
--- a/layouts/partials/paige/content.html
+++ b/layouts/partials/paige/content.html
@@ -1,6 +1,6 @@
 {{ $page := . }}
 
-{{ $content := $page.Content | replaceRE `(<h[1-6] id="([^"]+)".+)(</h[1-6]+>)` (printf `${1} <a aria-label="%s" class="paige-header-link" href="#${2}"></a>${3}` (i18n "paige_aria_section_link")) }}
+{{ $content := $page.Content | replaceRE `(<h[1-6] id="([^"]+)".+)(</h[1-6]+>)` (printf `${1}<a aria-label="%s" class="paige-header-link" href="#${2}"></a>${3}` (i18n "paige_aria_section_link")) }}
 
 {{ with $content }}
     <div class="mw-100" id="paige-content">{{ . | safeHTML }}</div>
diff --git a/layouts/partials/paige/style.html b/layouts/partials/paige/style.html
index 8ace05e4..afb14a94 100644
--- a/layouts/partials/paige/style.html
+++ b/layouts/partials/paige/style.html
@@ -19,6 +19,8 @@
 
 .paige-header-link {
     opacity: 0;
+    margin-left: 0.5rem;
+    position: absolute;
     transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out;
 }