[PATCH v1 05/17] fix(profile): fix edit avatar button position

[Muhammad Rizki <kiizuha@gnuweeb.org>]

Previously, edit button has an issue where the button position is not
correctly positioned.

Signed-off-by: Muhammad Rizki <kiizuha@gnuweeb.org>
---
 src/routes/(protected)/settings/profile/+page.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/routes/(protected)/settings/profile/+page.svelte b/src/routes/(protected)/settings/profile/+page.svelte
index 05f62b8..73edb8a 100644
--- a/src/routes/(protected)/settings/profile/+page.svelte
+++ b/src/routes/(protected)/settings/profile/+page.svelte
@@ -45,10 +45,10 @@
   class="flex w-full max-w-5xl flex-col gap-y-8 lg:flex-row lg:justify-between lg:gap-x-8 lg:gap-y-0"
 >
   <div class="flex w-full justify-center lg:hidden">
-    <Form.Field {form} name="avatar">
+    <Form.Field {form} name="avatar" class="relative">
       <Form.Control>
         {#snippet children({ props })}
-          <Form.Label for="avatar" class="relative cursor-pointer">
+          <Form.Label for="avatar" class="cursor-pointer">
             <Avatar.Root class="size-40">
               <Avatar.Image src={avatarImage} alt="@{auth.user?.username}" />
               <Avatar.Fallback class="text-xl">{getShortName()}</Avatar.Fallback>
@@ -137,10 +137,10 @@
   </div>
 
   <div class="hidden lg:block">
-    <Form.Field {form} name="avatar">
+    <Form.Field {form} name="avatar" class="relative">
       <Form.Control>
         {#snippet children({ props })}
-          <Form.Label for="avatar" class="relative cursor-pointer">
+          <Form.Label for="avatar" class="cursor-pointer">
             <Avatar.Root class="lg:size-40 xl:size-52">
               <Avatar.Image src={avatarImage} alt="@{auth.user?.username}" />
               <Avatar.Fallback class="lg:text-xl xl:text-3xl">{getShortName()}</Avatar.Fallback>
-- 
Muhammad Rizki