From 11796f300dfb253219c86ec44174511173a6b7e3 Mon Sep 17 00:00:00 2001
From: sk337 <nathan@shorthoppers.com>
Date: Mon, 22 Jan 2024 19:09:32 -0800
Subject: [PATCH] update login width and make button full width

---
 src/App.jsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 29a3317..f2650ee 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -83,7 +83,7 @@ export default function App() {
   if (isLogin == false) {
     return (
       <main className="flex flex-col items-center justify-center">
-        <div className="flex flex-wrap items-center justify-center w-3/5 mt-10">
+        <div className="flex flex-wrap items-center justify-center w-2/5 mt-10">
           <Alert id="error" className="bg-red-500 hidden">
             <AlertTitle>Error</AlertTitle>
             <hr className="text-white" />
@@ -91,9 +91,11 @@ export default function App() {
               Invalid Username or Password
             </AlertDescription>
           </Alert>
-          <Card>
+          <Card className="w-full">
             <CardHeader>
-              <CardTitle>Login With Swordbattle</CardTitle>
+              <CardTitle className=" text-center">
+                Login With Swordbattle
+              </CardTitle>
             </CardHeader>
             <CardContent>
               <Input id="username" placeholder="Username"></Input>