From 47b99754e13b59df0e9d8fa41277b0e3189b812e Mon Sep 17 00:00:00 2001
From: Mordecai K <39312305+insidemordecai@users.noreply.github.com>
Date: Mon, 5 Aug 2024 11:30:56 +0300
Subject: [PATCH] style(reply-by-email): separation from content

Add more separation from the content by adding a top margin
Add button-like styling to differentiate the link
---
 layouts/_default/single.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index b208e92d..0331f6a6 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -84,7 +84,13 @@
           {{ $defaultReplyByEmail := .Site.Params.replyByEmail }}
           {{ $replyByEmail := default $defaultReplyByEmail .Params.replyByEmail }}
           {{ if $replyByEmail }}
-            <strong><a href="mailto:{{ .Site.Author.email }}?subject={{ replace (printf "Reply to %s" .Title) "\"" "'" }}">Reply by Email</a></strong>
+            <strong class="block mt-8">
+              <a target="_blank" 
+              class="m-1 rounded bg-neutral-300 p-1.5 text-neutral-700 hover:bg-primary-500 hover:text-neutral dark:bg-neutral-700 dark:text-neutral-300 dark:hover:bg-primary-400 dark:hover:text-neutral-800"
+              href="mailto:{{ .Site.Author.email }}?subject={{ replace (printf "Reply to %s" .Title) "\"" "'" }}">
+                Reply by Email
+              </a>
+            </strong>
           {{ end }}
         </div>