From e27a7a1f761ef008f518dc1e5f5ebb80f115be79 Mon Sep 17 00:00:00 2001
From: Brandon Rozek <brozek@brandonrozek.com>
Date: Thu, 25 Jan 2024 16:04:39 -0500
Subject: [PATCH] Made buttons more user friendly

---
 layouts/blog/single.amp.html | 2 +-
 layouts/blog/single.html     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/layouts/blog/single.amp.html b/layouts/blog/single.amp.html
index 6f1f6e5..26c5bf7 100644
--- a/layouts/blog/single.amp.html
+++ b/layouts/blog/single.amp.html
@@ -23,7 +23,7 @@
       {{ .Content }}
     </div>
   </article>
-  <div style="margin-bottom: 2rem;">
+  <div style="margin-bottom: 2rem; display: flex; justify-content: center; flex-wrap: wrap; gap: 20px;">
     <a href='mailto:{{ .Site.Params.email }}?subject=Re: "{{ .Title }}"' class="reply-button">Reply via Email</a>
     <a href="/support" class="reply-button" style="margin-left:2rem;"><i class="fas fa-coffee" style="margin-right: 0.5rem;"></i>Buy me a Coffee</a>
   </div>
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
index 7fda137..954ffb2 100644
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@@ -24,7 +24,7 @@
     </div>
   </article>
 
-  <div style="margin-bottom: 2rem;">
+  <div style="margin-bottom: 2rem; display: flex; justify-content: center; flex-wrap: wrap; gap: 20px;">
     <a href='mailto:{{ .Site.Params.email }}?subject=Re: "{{ .Title }}"' class="reply-button">Reply via Email</a>
     <a href="/support" class="reply-button" style="margin-left:2rem;"><i class="fas fa-coffee" style="margin-right: 0.5rem;"></i>Buy me a Coffee</a>
   </div>