fix styling

nl32 · Nov 17, 2024 · 1b80a67 · 1b80a67
1 parent 5ab7da2
commit 1b80a67
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/src/app/new-building/page.tsx b/src/app/new-building/page.tsx
@@ -1,14 +1,14 @@
-import {
-  Card,
-} from '@mui/material';
+import { Card, Link } from '@mui/material';
 import { BuildingForm } from 'src/components/buildingForm';
+import NavBar from 'src/components/navBar';
 
 export default async function NewBuilding() {
   return (
-    <div className='w-full h-full'>
-      <Card className='items-center content-center flex flex-column'>
+    <div className="flex h-screen flex-col items-center">
+      <NavBar />
+      <div className="flex w-1/2 flex-col">
         <BuildingForm />
-      </Card>
+      </div>
     </div>
   );
 }
diff --git a/src/components/buildingForm.tsx b/src/components/buildingForm.tsx
@@ -49,8 +49,8 @@ export function BuildingForm() {
   // lighting breakdown percent
 
   return (
-    <Card className="self-center">
-      <form className="min-w-500 w-1/2">
+    <Card className="p-5 my-10">
+      <form>
         <Typography variant="h5">Add a New Building</Typography>
         <FormControl fullWidth>
           <TextField
@@ -188,7 +188,9 @@ export function BuildingForm() {
             ></TextField>
           </div>
         </FormControl>
-        <Button type="submit">Submit</Button>
+        <Button variant="contained" type="submit" className="mb-5 mt-10 rounded-full">
+          Add new building
+        </Button>
       </form>
     </Card>
   );