From b8ab428a25ab2269b77b77c80749cb50fcf21362 Mon Sep 17 00:00:00 2001
From: donishyar <ahmadshahdonishyar@gmail.com>
Date: Wed, 22 Nov 2023 23:46:46 +0430
Subject: [PATCH 1/2] No Space between add link and first link #9406

---
 components/account/manage/Edit.js | 4 ++--
 components/user/UserLink.js       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/account/manage/Edit.js b/components/account/manage/Edit.js
index d9ddd42cad7..9cd4aa5e50e 100644
--- a/components/account/manage/Edit.js
+++ b/components/account/manage/Edit.js
@@ -2,11 +2,11 @@ import PencilIcon from "@heroicons/react/24/outline/PencilIcon";
 
 export default function Edit({ href, label = "", children }) {
   return (
-    <div className="relative w-full">
+    <div className="relative w-full mt-2">
       <a
         href={href}
         aria-label={`Edit ${label}`}
-        className="rounded-full bg-secondary-medium p-2 text-white shadow-sm hover:bg-tertiary-medium focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary-medium absolute top-0 left-0 pointer z-10"
+        className="rounded-full bg-secondary-medium p-2 text-white shadow-sm hover:bg-tertiary-medium focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary-medium absolute top-0 -left-4 pointer z-10"
       >
         <PencilIcon className="h-5 w-5" aria-hidden="true" />
       </a>
diff --git a/components/user/UserLink.js b/components/user/UserLink.js
index 4a1d014ba10..52e0b7e6ad3 100644
--- a/components/user/UserLink.js
+++ b/components/user/UserLink.js
@@ -99,7 +99,7 @@ export default function UserLink({
   );
 
   return (
-    <div className="flex flex-row gap-8 w-full">
+    <div className="flex flex-row gap-8 w-full pl-4">
       {manage ? edit(link) : item(link)}
     </div>
   );

From a3342e319dbe932ef2f2913555e006993dd37791 Mon Sep 17 00:00:00 2001
From: donishyar <ahmadshahdonishyar@gmail.com>
Date: Fri, 24 Nov 2023 18:55:05 +0430
Subject: [PATCH 2/2] user links fixed with better way

---
 components/Page.js                | 2 +-
 components/account/manage/Edit.js | 4 ++--
 components/user/UserLink.js       | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Page.js b/components/Page.js
index b2897fcd9be..a0d06ffa099 100644
--- a/components/Page.js
+++ b/components/Page.js
@@ -1,3 +1,3 @@
 export default function Page({ children }) {
-  return <div className="max-w-7xl mx-auto flex flex-col p-6">{children}</div>;
+  return <div className="max-w-7xl mx-auto flex flex-col gap-4 p-6">{children}</div>;
 }
diff --git a/components/account/manage/Edit.js b/components/account/manage/Edit.js
index 9cd4aa5e50e..d9ddd42cad7 100644
--- a/components/account/manage/Edit.js
+++ b/components/account/manage/Edit.js
@@ -2,11 +2,11 @@ import PencilIcon from "@heroicons/react/24/outline/PencilIcon";
 
 export default function Edit({ href, label = "", children }) {
   return (
-    <div className="relative w-full mt-2">
+    <div className="relative w-full">
       <a
         href={href}
         aria-label={`Edit ${label}`}
-        className="rounded-full bg-secondary-medium p-2 text-white shadow-sm hover:bg-tertiary-medium focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary-medium absolute top-0 -left-4 pointer z-10"
+        className="rounded-full bg-secondary-medium p-2 text-white shadow-sm hover:bg-tertiary-medium focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-secondary-medium absolute top-0 left-0 pointer z-10"
       >
         <PencilIcon className="h-5 w-5" aria-hidden="true" />
       </a>
diff --git a/components/user/UserLink.js b/components/user/UserLink.js
index 52e0b7e6ad3..4a1d014ba10 100644
--- a/components/user/UserLink.js
+++ b/components/user/UserLink.js
@@ -99,7 +99,7 @@ export default function UserLink({
   );
 
   return (
-    <div className="flex flex-row gap-8 w-full pl-4">
+    <div className="flex flex-row gap-8 w-full">
       {manage ? edit(link) : item(link)}
     </div>
   );