From fa37a477d05bf115ede1a8d23300e7942f7de573 Mon Sep 17 00:00:00 2001
From: Sat Naing <satnaingdev@gmail.com>
Date: Fri, 20 Jun 2025 22:49:27 +0700
Subject: [PATCH] fix: update edit post link styling and text (#545)

---
 src/components/EditPost.astro | 28 ++++++++++++----------------
 src/config.ts                 |  2 +-
 2 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/src/components/EditPost.astro b/src/components/EditPost.astro
index 9ed22b1..79d7d5a 100644
--- a/src/components/EditPost.astro
+++ b/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>
   )
 }
diff --git a/src/config.ts b/src/config.ts
index ac034cc..b4a219f 100644
--- a/src/config.ts
+++ b/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,