From 47c094ba7234ce932d8ef1af6fed94f8fab36e9f Mon Sep 17 00:00:00 2001
From: Markus Thielker <mail.markus.thielker@gmail.com>
Date: Sun, 17 Mar 2024 12:01:29 +0100
Subject: [PATCH] N-FIN-48: fix sign out button layout

---
 src/app/account/page.tsx | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/app/account/page.tsx b/src/app/account/page.tsx
index 4bc3d46..dbec318 100644
--- a/src/app/account/page.tsx
+++ b/src/app/account/page.tsx
@@ -81,14 +81,18 @@ export default async function AccountPage() {
                         </div>
                     </div>
                 </CardContent>
-                <CardFooter className="grid gap-4 grid-cols-1 md:grid-cols-2">
-                    {
-                        process.env.NODE_ENV === 'development' && (
+                {
+                    process.env.NODE_ENV === 'development' ? (
+                        <CardFooter className="grid gap-4 grid-cols-1 md:grid-cols-2">
                             <GenerateSampleDataForm onSubmit={generateSampleData}/>
-                        )
-                    }
-                    <SignOutForm onSubmit={signOut}/>
-                </CardFooter>
+                            <SignOutForm onSubmit={signOut}/>
+                        </CardFooter>
+                    ) : (
+                        <CardFooter>
+                            <SignOutForm onSubmit={signOut}/>
+                        </CardFooter>
+                    )
+                }
             </Card>
             <div className="flex w-full items-center justify-between max-w-md mt-2 text-neutral-600">
                 <p>Version {process.env.appVersion}</p>