From edb041378896f4dfd8570972636c603629738bd6 Mon Sep 17 00:00:00 2001
From: Gitesh Sarvaiya <99144191+giteshsarvaiya@users.noreply.github.com>
Date: Fri, 8 Sep 2023 01:30:24 +0530
Subject: [PATCH 1/2] Update create-account.tsx

Changed the layout of Create-Account Card
---
 .../cards/components/create-account.tsx       | 32 +++++++++----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/apps/www/app/examples/cards/components/create-account.tsx b/apps/www/app/examples/cards/components/create-account.tsx
index 95c11c53fe0..49bcb803c5a 100644
--- a/apps/www/app/examples/cards/components/create-account.tsx
+++ b/apps/www/app/examples/cards/components/create-account.tsx
@@ -23,15 +23,13 @@ export function DemoCreateAccount() {
         </CardDescription>
       </CardHeader>
       <CardContent className="grid gap-4">
-        <div className="grid grid-cols-2 gap-6">
-          <Button variant="outline">
-            <Icons.gitHub className="mr-2 h-4 w-4" />
-            Github
-          </Button>
-          <Button variant="outline">
-            <Icons.google className="mr-2 h-4 w-4" />
-            Google
-          </Button>
+        <div className="grid gap-2">
+          <Label htmlFor="email">Email</Label>
+          <Input id="email" type="email" placeholder="m@example.com" />
+        </div>
+        <div className="grid gap-2">
+          <Label htmlFor="password">Password</Label>
+          <Input id="password" type="password" />
         </div>
         <div className="relative">
           <div className="absolute inset-0 flex items-center">
@@ -43,13 +41,15 @@ export function DemoCreateAccount() {
             </span>
           </div>
         </div>
-        <div className="grid gap-2">
-          <Label htmlFor="email">Email</Label>
-          <Input id="email" type="email" placeholder="m@example.com" />
-        </div>
-        <div className="grid gap-2">
-          <Label htmlFor="password">Password</Label>
-          <Input id="password" type="password" />
+        <div className="grid grid-cols-2 gap-6">
+          <Button variant="outline">
+            <Icons.gitHub className="mr-2 h-4 w-4" />
+            Github
+          </Button>
+          <Button variant="outline">
+            <Icons.google className="mr-2 h-4 w-4" />
+            Google
+          </Button>
         </div>
       </CardContent>
       <CardFooter>

From 3465008dd19b3b12c34a939590aabf9ffbc3702e Mon Sep 17 00:00:00 2001
From: Gitesh Sarvaiya <99144191+giteshsarvaiya@users.noreply.github.com>
Date: Sat, 23 Sep 2023 13:22:21 +0530
Subject: [PATCH 2/2] Update create-account.tsx

again edited the create account form for a new layout.
---
 apps/www/app/examples/cards/components/create-account.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/www/app/examples/cards/components/create-account.tsx b/apps/www/app/examples/cards/components/create-account.tsx
index 49bcb803c5a..fc559fe1a57 100644
--- a/apps/www/app/examples/cards/components/create-account.tsx
+++ b/apps/www/app/examples/cards/components/create-account.tsx
@@ -31,7 +31,10 @@ export function DemoCreateAccount() {
           <Label htmlFor="password">Password</Label>
           <Input id="password" type="password" />
         </div>
-        <div className="relative">
+                <Button className="w-full">Create account</Button>
+      </CardContent>
+      <CardFooter>
+                <div className="relative">
           <div className="absolute inset-0 flex items-center">
             <span className="w-full border-t" />
           </div>
@@ -51,9 +54,6 @@ export function DemoCreateAccount() {
             Google
           </Button>
         </div>
-      </CardContent>
-      <CardFooter>
-        <Button className="w-full">Create account</Button>
       </CardFooter>
     </Card>
   )