improve heading link style

themes/secluded/assets/scss/_main.scss

@@ -82,7 +82,8 @@ input[type=text]:focus {
     }
     .anchor-tag {
         font-size: 70%;
-        margin-left: 7px;
+        position: relative;
+        bottom: 2.6px;
         background-size: 100% 0;
         background-position: 0 150%;
         &::after {

themes/secluded/assets/scss/_single.scss

@@ -121,7 +121,8 @@
     }
     .anchor-tag {
         font-size: 70%;
-        margin-left: 7px;
+        position: relative;
+        bottom: 2.6px;
         background-size: 100% 0;
         background-position: 0 150%;
         &::after {

themes/secluded/layouts/_default/single.html

@@ -4,6 +4,7 @@
         <div class="frontmatter">
             <h1 class="post-title"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h1>
             <p><strong>Reading Time:</strong> {{ .ReadingTime }} minutes | <strong>Published:</strong> {{ dateFormat "2006-01-02" .Date }} | <strong>Last Edited:</strong> {{ dateFormat "2006-01-02" .Lastmod }}</a></p>
+            <p><strong>Download this post as:</strong> <a href="{{ .Permalink | replaceRE "^[^/]+://[^/]+/(.*)/$" "$1" }}.pdf">PDF,</a> <a href="{{ .Permalink | replaceRE "^[^/]+://[^/]+/(.*)/$" "$1" }}.epub">EPUB,</a> or <a href="{{ .Permalink | replaceRE "^[^/]+://[^/]+/(.*)/$" "$1" }}.txt">plaintext</a></p>
         </div>
         {{- if .Params.toc }}
         <aside id="toc">
@@ -14,7 +15,7 @@
         </aside>
         {{- end }}
         <div class="content">
-            {{ .Content | replaceRE "(<h[1-6] id=\"(.+)\".*>)(.*)(</h[1-6]>)" `${1}${3}<a class="anchor-tag" ariaLabel="Anchor" href="#${2}">¶</a>${4}` | safeHTML }}
+            {{ .Content | replaceRE "(<h[1-6] id=\"(.+)\".*>)(.*)(</h[1-6]>)" `${1}${3} <a class="anchor-tag" ariaLabel="Anchor" href="#${2}">¶</a>${4}` | safeHTML }}
         </div>
     </article>
 </div>