From d21e525575c8a6a35d5b70fd406f7a3c4029dd65 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sergio=20=C3=81lvarez?= <sergio@codecoolture.com>
Date: Thu, 18 Jul 2024 22:05:48 +0200
Subject: [PATCH] Reorder elements for the PostThumbnail component

---
 components/PostThumbnail/index.tsx | 12 ++++++------
 components/PostThumbnail/style.css |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/PostThumbnail/index.tsx b/components/PostThumbnail/index.tsx
index 66d6027c..807cfb22 100644
--- a/components/PostThumbnail/index.tsx
+++ b/components/PostThumbnail/index.tsx
@@ -17,12 +17,6 @@ export function PostThumbnail({ className, post }: PostThumbnailProps) {
 
   return (
     <div className={classes}>
-      <Heading el="p" size="m" className="PostThumbnail__Title">
-        <Link as={NextLink} href={post.url}>
-          {post.title}
-        </Link>
-      </Heading>
-
       <ul className="PostThumbnail__Subheading">
         <li className="PostThumbnail__Subheading__Item">
           <Timestamp className="PostThumbnail__Timestamp" date={post.date} />
@@ -41,6 +35,12 @@ export function PostThumbnail({ className, post }: PostThumbnailProps) {
         )}
       </ul>
 
+      <Heading el="p" size="m" className="PostThumbnail__Title">
+        <Link as={NextLink} href={post.url}>
+          {post.title}
+        </Link>
+      </Heading>
+
       <Text>{post.spoiler}</Text>
     </div>
   );
diff --git a/components/PostThumbnail/style.css b/components/PostThumbnail/style.css
index b74a3378..f99dfd72 100644
--- a/components/PostThumbnail/style.css
+++ b/components/PostThumbnail/style.css
@@ -3,7 +3,7 @@
 }
 
 .PostThumbnail__Title {
-  margin-bottom: 0.2em;
+  margin-bottom: 0.5em;
 }
 
 .PostThumbnail__Subheading {