From b064448119ecc6bbd4628a4d4da61875c09d84e2 Mon Sep 17 00:00:00 2001
From: Markus Thielker <mail.markus.thielker@gmail.com>
Date: Sun, 17 Mar 2024 00:08:00 +0100
Subject: [PATCH] N-FIN-31: fix card and button alignment

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

diff --git a/src/app/account/page.tsx b/src/app/account/page.tsx
index fae73de..4bc3d46 100644
--- a/src/app/account/page.tsx
+++ b/src/app/account/page.tsx
@@ -42,7 +42,7 @@ export default async function AccountPage() {
 
     return (
         <div className="flex flex-col items-center">
-            <Card className="w-full max-w-md mt-12">
+            <Card className="w-full max-w-md md:mt-12">
                 <CardHeader>
                     <CardTitle>Hey, {user?.username}!</CardTitle>
                     <CardDescription>This is your account overview.</CardDescription>
@@ -81,7 +81,7 @@ export default async function AccountPage() {
                         </div>
                     </div>
                 </CardContent>
-                <CardFooter className="space-x-4">
+                <CardFooter className="grid gap-4 grid-cols-1 md:grid-cols-2">
                     {
                         process.env.NODE_ENV === 'development' && (
                             <GenerateSampleDataForm onSubmit={generateSampleData}/>