Reorder elements for the PostThumbnail component

Author: sergioalvz

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>
   );

components/PostThumbnail/style.css

@@ -3,7 +3,7 @@
 }
 
 .PostThumbnail__Title {
-  margin-bottom: 0.2em;
+  margin-bottom: 0.5em;
 }
 
 .PostThumbnail__Subheading {