Minor styling tweaks.

Author: dpage

frontend/src/components/AppBar.jsx

@@ -62,12 +62,11 @@ function ResponsiveAppBar({onChangeTheme}) {
             <Typography
               variant="h6"
               noWrap
-              component="a"
-              href="/"
+              component={RouterLink}
+              to="/"
               sx={{
                 mr: 2,
                 display: {xs: 'none', md: 'flex'},
-                fontFamily: 'monospace',
                 fontWeight: 700,
                 letterSpacing: '.3rem',
                 color: 'inherit',

frontend/src/components/LeadList.jsx

@@ -46,7 +46,7 @@ function LeadList(props) {
       {!appContext.user.isAuthenticated ?
         <>
           <h1>Login</h1>
-          <Alert severity="error">Please login to see the lead list.</Alert>
+          <Alert variant="outlined" severity="error">Please login to see the lead list.</Alert>
         </>
       :
         <>
@@ -78,7 +78,7 @@ function LeadList(props) {
               </Table>
             </TableContainer>
           :
-            <Alert severity="error">{error}</Alert>
+            <Alert variant="outlined" severity="error">{error}</Alert>
           }
         </>
       }

frontend/src/components/Welcome.jsx

@@ -6,7 +6,7 @@ export default function DescriptionAlerts() {
   return (
     <>
     <h1>Welcome</h1>
-      <Alert severity="success">
+      <Alert variant="outlined" severity="success">
         <AlertTitle>Welcome</AlertTitle>
           <strong>Welcome to the Leads App!</strong> Click the Leads option on the menu above to view leads.
       </Alert>