From 24457e29ba39147af47dfe8fade9619abf9e7dfa Mon Sep 17 00:00:00 2001
From: Luc <luc@lucemans.nl>
Date: Thu, 7 Sep 2023 14:12:48 +0000
Subject: [PATCH] Update Author Section

---
 blog/src/components/post/PostFooter.tsx | 24 ++++++++++--------------
 1 file changed, 10 insertions(+), 14 deletions(-)

diff --git a/blog/src/components/post/PostFooter.tsx b/blog/src/components/post/PostFooter.tsx
index 349a672..293ccbe 100644
--- a/blog/src/components/post/PostFooter.tsx
+++ b/blog/src/components/post/PostFooter.tsx
@@ -12,21 +12,7 @@ import { BigTag } from '../tags/BigTag';
 export const PostFooter = ({ post }: { post: BlogPostMetadata }) => {
     return (
         <div className="not-prose mx-auto mt-6 flex w-full max-w-3xl flex-col gap-4">
-            {/* add a horizontal line to indicate start of footer */}
-            <hr className="my-6 border-t-2" />
-            <div
-                className={clsx(
-                    'grid grid-cols-1 gap-4',
-                    post.authors.length > 1 ? 'sm:grid-cols-2' : ''
-                )}
-            >
-                {post.authors.map((author) => (
-                    <Author name={author} socials={false} size="small" link />
-                ))}
-            </div>
             <div className="flex flex-col items-center gap-4 rounded-lg bg-white p-2 sm:flex-row sm:justify-between">
-                {/* insert share buttons for twitter, linkedin and facebook */}
-
                 <div className="my-2 flex flex-wrap justify-center gap-2">
                     {post.tags.map((tag) => (
                         <BigTag tag={tag} />
@@ -69,6 +55,16 @@ export const PostFooter = ({ post }: { post: BlogPostMetadata }) => {
                     </a>
                 </div>
             </div>
+            <div
+                className={clsx(
+                    'grid grid-cols-1 gap-4',
+                    post.authors.length > 1 ? 'sm:grid-cols-2' : ''
+                )}
+            >
+                {post.authors.map((author) => (
+                    <Author name={author} socials={false} size="small" link />
+                ))}
+            </div>
         </div>
     );
 };