fix style issues

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>
     </>
   );
 };