fix(frontend): Fix layout in frontend (#818)

MartinWitt · Jul 10, 2023 · ec80525 · ec80525
1 parent 35b988f
commit ec80525
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/frontend/src/component/LoginButton.tsx b/frontend/src/component/LoginButton.tsx
@@ -32,10 +32,10 @@ export function LoginButton() {
   };
 
   return (
-    <Button onClick={handleAuth}>
+    <Button onClick={handleAuth} sx={{ margin: "5px" }}>
       <Typography sx={{ color:"white" }}   >
         {getButtonText()}
       </Typography>
     </Button>
   );
-}
+}
diff --git a/frontend/src/pages/DashBoard.tsx b/frontend/src/pages/DashBoard.tsx
@@ -15,7 +15,7 @@ export default function DashBoard() {
         container
         marginLeft={"5%"}
       >
-        <Grid item xs={2} >
+        <Grid item xs={2} padding={1}>
           <Typography variant="h4"> Search</Typography>
           <br />
           <TextField label="Filter" value={filter} onChange={(e) => setFilter(e.target.value)} />

diff --git a/frontend/src/pages/PageLayout.tsx b/frontend/src/pages/PageLayout.tsx
@@ -31,11 +31,10 @@ function Navigation({ links }: NavigationProps) {
             <ListItemText primary={link.name} />
 
         </ListItem>
-          <Divider sx={{ height: 1, backgroundColor: 'white' }} />
-
+          <Divider sx={{ height: 1, backgroundColor: 'white'}} />
         </>
       ))}
-      <LoginButton />
+      <LoginButton/>
     </List>
   );
 }