From 5b1cd7319b0210035960ed5d039e38837832bb2e Mon Sep 17 00:00:00 2001
From: eduardozgz <eduardozgz@protonmail.com>
Date: Mon, 13 Jan 2025 20:05:25 +0100
Subject: [PATCH] layout fixes

---
 apps/website/src/app/account/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/website/src/app/account/page.tsx b/apps/website/src/app/account/page.tsx
index 23f0f4304..0453994cc 100644
--- a/apps/website/src/app/account/page.tsx
+++ b/apps/website/src/app/account/page.tsx
@@ -33,7 +33,7 @@ export default function Page() {
   return (
     <>
       <div className="my-8 flex flex-col gap-8">
-        <div className="flex flex-row items-center justify-center gap-5">
+        <div className="my-8 flex w-full flex-col gap-8 p-4 sm:max-w-[600px] [&>*]:w-full">
           {discordUser.isSuccess ? (
             <img
               src={discordUser.data.avatar}
@@ -61,10 +61,10 @@ export default function Page() {
               <Skeleton className="w-50 h-9" />
             )}
             {user.isSuccess && <DisplayUserBadges badges={user.data.badges} />}
-            <div className="flex flex-row gap-2">
+            <div className="flex flex-row flex-wrap gap-2">
               <DeleteButton />
-              <Link href={Routes.LogOut}>
-                <Button className="grow" size={"sm"} icon={LogOutIcon}>
+              <Link href={Routes.LogOut} className="grow">
+                <Button className="w-full" size={"sm"} icon={LogOutIcon}>
                   {t("pages.account.page.logoutButton")}
                 </Button>
               </Link>