From a39c6a425a660a388e9aaf9140488d1c8d572b12 Mon Sep 17 00:00:00 2001
From: omar <omaraziz.dev@proton.me>
Date: Thu, 25 Jul 2024 09:10:16 -0700
Subject: [PATCH] fix: date and author position

---
 site/src/pages/blog/[...slug].astro | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/site/src/pages/blog/[...slug].astro b/site/src/pages/blog/[...slug].astro
index a9a3e32fa6..a3140accf8 100644
--- a/site/src/pages/blog/[...slug].astro
+++ b/site/src/pages/blog/[...slug].astro
@@ -33,7 +33,10 @@ const {
 })
 
 // The browser should always check freshness
-Astro.response.headers.set("cache-control", "public, max-age=0, must-revalidate")
+Astro.response.headers.set(
+  "cache-control",
+  "public, max-age=0, must-revalidate"
+)
 
 // The CDN should cache for a year, but revalidate if the cache tag changes
 Astro.response.headers.set("netlify-cdn-cache-control", "s-maxage=31536000")
@@ -72,18 +75,7 @@ const { width, height } = coverFields.file.details.image as {
           {blogPost.fields.title}
         </h1>
       </div>
-      <Image
-        {width}
-        {height}
-        class="my-3"
-        src={imageUrl}
-        loading="eager"
-        alt={coverFields.title}
-        data-contentful-field-id="cover"
-        data-contentful-entry-id={entryId}
-        {...ContentfulLivePreview.getProps({ entryId, fieldId: "cover" })}
-      />
-      <div class="flex gap-x-3">
+      <div class="flex gap-x-3 mt-1.5">
         <time
           class="text-lg text-gray-400"
           data-contentful-field-id="date"
@@ -103,6 +95,17 @@ const { width, height } = coverFields.file.details.image as {
           {blogPost.fields.author}
         </p>
       </div>
+      <Image
+        {width}
+        {height}
+        class="my-3"
+        src={imageUrl}
+        loading="eager"
+        alt={coverFields.title}
+        data-contentful-field-id="cover"
+        data-contentful-entry-id={entryId}
+        {...ContentfulLivePreview.getProps({ entryId, fieldId: "cover" })}
+      />
       <p>
         <em
           class="hidden"