fix: update edit post link styling and text (#545)

src/components/EditPost.astro

@@ -18,21 +18,17 @@ const showEditPost =
 
 {
   showEditPost && (
-    <div class:list={["opacity-80", className]}>
+    <a
-      <span aria-hidden="true" class="max-sm:hidden">
+      href={href}
-        |
+      target="_blank"
-      </span>
+      rel="noopener noreferrer"
-      <a
+      class:list={[
-        class="space-x-1.5 hover:opacity-75"
+        "flex justify-baseline gap-1.5 opacity-80 hover:text-accent",
-        href={href}
+        className,
-        rel="noopener noreferrer"
+      ]}
-        target="_blank"
+    >
-      >
+      <IconEdit class="inline-block" />
-        <IconEdit class="inline-block size-6" />
+      <span>{SITE.editPost.text}</span>
-        <span class="italic max-sm:text-sm sm:inline">
+    </a>
-          {SITE.editPost.text}
-        </span>
-      </a>
-    </div>
   )
 }

src/config.ts

@@ -13,7 +13,7 @@ export const SITE = {
   showBackButton: true, // show back button in post detail
   editPost: {
     enabled: true,
-    text: "Suggest Changes",
+    text: "Edit page",
     url: "https://github.com/satnaing/astro-paper/edit/main/",
   },
   dynamicOgImage: true,