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

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,