Reorder elements for the PostThumbnail component

codecoolture · Jul 18, 2024 · d21e525 · d21e525
1 parent e1636f6
commit d21e525
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git 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
@@ -3,7 +3,7 @@
 }
 
 .PostThumbnail__Title {
-  margin-bottom: 0.2em;
+  margin-bottom: 0.5em;
 }
 
 .PostThumbnail__Subheading {