Change header link hover to not affect layout

layouts/partials/paige/content.html

@@ -7,7 +7,7 @@
                     {{ if .Scratch.Get "paige_show_full_pages" }}
                     {{ .Content }}
                     {{ else }}
-                    {{ .Content | replaceRE `(<h[1-6] id="([^"]+)".+)(</h[1-6]+>)` `${1}<a class="paige-header-link small" href="#${2}">#</a>${3}` | safeHTML }}
+                    {{ .Content | replaceRE `(<h[1-6] id="([^"]+)".+)(</h[1-6]+>)` `${1}<a class="paige-header-link" href="#${2}">#</a>${3}` | safeHTML }}
                     {{ end }}
                 </article>
             </div>

layouts/partials/paige/style.html

@@ -24,5 +24,6 @@
     .paige-header-link {
         display: none;
         margin-left: 0.3rem;
+        position: absolute;
     }
 </style>

layouts/partials/paige/title.html

@@ -4,5 +4,5 @@
 {{ $class = "display-1" }}
 {{ end }}
 {{ $title := .Title | markdownify }}
-<h1 class="{{ $class }} fw-bold text-center">{{ if .Params.link }}<a href="{{ .Params.link }}">{{ $title }}</a>{{ else }}{{ $title }}{{ end }}{{ if .Scratch.Get "paige_show_full_pages" }}<a class="paige-header-link small" href="{{ .RelPermalink }}">#</a>{{ end }}</h1>
+<h1 class="{{ $class }} fw-bold text-center">{{ if .Params.link }}<a href="{{ .Params.link }}">{{ $title }}</a>{{ else }}{{ $title }}{{ end }}{{ if .Scratch.Get "paige_show_full_pages" }}<a class="paige-header-link" href="{{ .RelPermalink }}">#</a>{{ end }}</h1>
 {{ end }}