From 51debc3182aa942d9a0cd906d077fb9eb97cd4a9 Mon Sep 17 00:00:00 2001
From: I-Have-An-Issue <34550332+I-Have-An-Issue@users.noreply.github.com>
Date: Fri, 7 Oct 2022 23:31:14 -0400
Subject: [PATCH] Clean up login/register forms

---
 src/routes/(nolayout)/login/+page.svelte    | 27 +++-----------
 src/routes/(nolayout)/register/+page.svelte | 41 ++++-----------------
 2 files changed, 13 insertions(+), 55 deletions(-)

diff --git a/src/routes/(nolayout)/login/+page.svelte b/src/routes/(nolayout)/login/+page.svelte
index 8b6191f..88cf6e5 100644
--- a/src/routes/(nolayout)/login/+page.svelte
+++ b/src/routes/(nolayout)/login/+page.svelte
@@ -3,25 +3,10 @@
 </svelte:head>
 
 <div class="max-w-lg mx-auto text-center text-white">
-	<img class="mx-auto" src="/favicon.png" alt="">
-	<p class="text-5xl font-bold">Login to Rowblox!</p>
-	<input
-	class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-4 py-2"
-			type="text"
-			name="username"
-			id="username"
-			placeholder="Username" 
-			/>
-			<input
-			class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-5 py-2"
-					type="password"
-					name="pass"
-					id="password"
-					placeholder="Password" 
-					/>			
-
-	<div class="text-xl text-white">
-		<a class="px-5 py-1 rounded shadow-lg border-2 border-blue-500" href="/my/profile">Login</a>
+	<img class="mx-auto" src="/favicon.png" alt="" />
+	<div class="flex flex-col">
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="username" name="username" id="username" placeholder="Username" />
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="password" name="password" id="password" placeholder="Password" />
 	</div>
-
-</div>
\ No newline at end of file
+	<button class="my-1.5 text-xl text-white px-4 py-1 w-full rounded shadow-lg border-2 border-blue-500">Login</button>
+</div>
diff --git a/src/routes/(nolayout)/register/+page.svelte b/src/routes/(nolayout)/register/+page.svelte
index 34471a9..5bd5149 100644
--- a/src/routes/(nolayout)/register/+page.svelte
+++ b/src/routes/(nolayout)/register/+page.svelte
@@ -3,39 +3,12 @@
 </svelte:head>
 
 <div class="max-w-lg mx-auto text-center text-white">
-	<img class="mx-auto" src="/favicon.png" alt="">
-	<p class="text-5xl font-bold">Create an Account!</p>
-	<input
-	class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-4 py-2"
-			type="text"
-			name="username"
-			id="username"
-			placeholder="Username" 
-			/>
-			<input
-			class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-5 py-2"
-					type="password"
-					name="pass"
-					id="password"
-					placeholder="Password" 
-					/>
-					<input
-			class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-5 py-2"
-					type="password"
-					name="password"
-					id="passwordconfirm"
-					placeholder="Confirm Password" 
-					/>
-					<input
-			        class="rounded-lg px-10 border-2 border-blue-500 text-black flex flex-col mx-auto my-4 py-2"
-					type="text"
-					name="invite"
-					id="invitekey"
-					placeholder="Invite key" 
-					/>
-
-	<div class="text-xl text-white">
-		<a class="px-5 py-1 rounded shadow-lg border-2 border-blue-500" href="/login">Register</a>
+	<img class="mx-auto" src="/favicon.png" alt="" />
+	<div class="flex flex-col">
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="username" name="username" id="username" placeholder="Username" />
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="password" name="password" id="password" placeholder="Password" />
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="password" name="passwordconfirm" id="passwordconfirm" placeholder="Confirm Password" />
+		<input class="rounded-lg w-72 px-4 border-2 border-blue-500 text-black mx-auto my-1.5 py-2" type="text" name="invite" id="invite" placeholder="Invite Key" />
 	</div>
-
+	<button class="my-1.5 text-xl text-white px-4 py-1 w-full rounded shadow-lg border-2 border-blue-500">Register</button>
 </div>