From 491ae774cf68ffaad8e6957d818c6e2e6588016e Mon Sep 17 00:00:00 2001
From: Michael Hunteman <michael@huntm.net>
Date: Sun, 28 Jul 2024 15:24:21 -0700
Subject: Add photos

---
 client/src/components/GuestLogin.tsx | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

(limited to 'client/src/components/GuestLogin.tsx')

diff --git a/client/src/components/GuestLogin.tsx b/client/src/components/GuestLogin.tsx
index c06bc6e..16b4478 100644
--- a/client/src/components/GuestLogin.tsx
+++ b/client/src/components/GuestLogin.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useDispatch } from 'react-redux';
-import { Button, Container, TextField, Typography } from '@mui/material';
+import { Button, TextField, Typography } from '@mui/material';
 import { useForm } from 'react-hook-form';
 import { setCredentials } from '../slices/authSlice';
 import { useLoginMutation } from '../slices/apiSlice';
@@ -33,17 +33,26 @@ function GuestLogin() {
   };
 
   return (
-    <Container
-      component="form"
-      maxWidth="xs"
+    <form
+      style={{
+        height: '100%',
+        width: '100%',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'start',
+      }}
       noValidate
       onSubmit={handleSubmit(onSubmit)}
     >
       <div
         style={{
-          marginTop: 80,
+          width: 384,
+          marginTop: 128,
+          marginLeft: '0.5rem',
+          marginRight: '0.5rem',
           display: 'flex',
           flexDirection: 'column',
+          justifyContent: 'center',
           alignItems: 'center',
         }}
       >
@@ -72,7 +81,7 @@ function GuestLogin() {
           Log in
         </Button>
       </div>
-    </Container>
+    </form>
   );
 }
 
-- 
cgit v1.2.3

