From 5bca340bddd70f4e92c06fe10d402c2708c0fe88 Mon Sep 17 00:00:00 2001
From: Sven Czarnian <devel@svcz.de>
Date: Fri, 4 Nov 2022 15:27:30 +0100
Subject: [PATCH] fix style issues

---
 src/components/login.tsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/login.tsx b/src/components/login.tsx
index 8a31e5b..e6dbfb4 100644
--- a/src/components/login.tsx
+++ b/src/components/login.tsx
@@ -22,8 +22,8 @@ export const Login: React.FC = () => {
   const footer = (
     <span>
       <Button
-        label='Login with VATSIM SSO'
-        className='p-button p-button-success'
+        label='Login with VATSIM'
+        className='p-button'
         onClick={redirectToVatsim}
       />
     </span>
@@ -31,12 +31,16 @@ export const Login: React.FC = () => {
 
   return (
     <>
-      <Card
-        title='Arrival MANager'
-        className='login-card text-center surface-200'
-        style={{ width: '25rem' }}
-        footer={footer}>
-      </Card>
+      <div className='card min-h-screen'>
+        <div className='flex flex-wrap align-items-center justify-content-center card-container min-h-screen'>
+          <Card
+            title='Arrival MANager'
+            className='login-card text-center surface-200'
+            style={{ width: '25rem' }}
+            footer={footer}>
+          </Card>
+        </div>
+      </div>
     </>
   );
 };