Extra formatting

NCAR · May 1, 2024 · 5ba8669 · 5ba8669
1 parent ddfd08d
commit 5ba8669
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 13 deletions.
diff --git a/src/webPages/Components/HeaderFooter.tsx b/src/webPages/Components/HeaderFooter.tsx
@@ -16,7 +16,7 @@ export const Header = () => {
     };
 
     return(
-        <Paper square={true} variant='outlined'>
+        <Paper square={true} variant='outlined' sx={{backgroundColor: '#dbdbdb'}}>
             <Button onClick={toggleDrawer(true)}>
                 <DensitySmallSharpIcon sx={{fontSize: 50}}></DensitySmallSharpIcon>
             </Button> 
@@ -56,32 +56,32 @@ export const Footer = () => {
     };
 
     return(
-        <Paper component="footer" square={true} variant='outlined'>
+        <Paper component="footer" square={true} variant='outlined' sx={{backgroundColor: '#dbdbdb'}}>
             <Container maxWidth="lg" sx={{display: "flex"}}>
-                <Box component="img" src={"src/assets/nsf-stackseal-logo-lockup-dark.png"} sx={{height: "100px", width: "auto", pr: 10}}>
+                <Box component="img" src={"src/assets/nsf-stackseal-logo-lockup-dark.png"} sx={{height: "75px", width: "auto", pr: 10}}>
                 </Box>
                 <Box sx={{pr: 10}}>
-                    <Button onClick={handleAbout}>
+                    <Button onClick={handleAbout} sx={{color: 'black'}}>
                         About
                     </Button>
                 </Box>
                 <Box sx={{pr: 10}}>
-                    <Button onClick={handleCollab}>
+                    <Button onClick={handleCollab} sx={{color: 'black'}}>
                         Collaborators
                     </Button>
                 </Box>
                 <Box sx={{pr: 10}}>
-                    <Button onClick={handleSponsor}>
+                    <Button onClick={handleSponsor} sx={{color: 'black'}}>
                         Sponsors
                     </Button>
                 </Box>
                 <Box sx={{pr: 10}}>
-                    <Button onClick={handleBugClick} variant="text">
+                    <Button onClick={handleBugClick} sx={{color: 'black'}}>
                         Report a bug
                     </Button>
                 </Box>
                 <Box sx={{pr: 10}}>
-                    <Button onClick={handleAccessabilityClick}>
+                    <Button onClick={handleAccessabilityClick} sx={{color: 'black'}}>
                         Accessability
                     </Button>
                 </Box>

diff --git a/src/webPages/LogIn/logIn.css b/src/webPages/LogIn/logIn.css
@@ -10,7 +10,7 @@
       "L4 M4 R4" 1fr
       "L5 M5 R5" 1fr
       "L6 M6 R6" 1fr
-      "L7 M7 R7" 1fr
+      "L7 M7LogIn R7" 1fr
       "L8 M8 R8" 1fr
       "L9LogIn M9 R9" 1fr
       / 1fr 1fr 1fr;
@@ -41,7 +41,7 @@
 .M5 { grid-area: M5; }
 .R5 { grid-area: R5; }
 .L7 { grid-area: L7; }
-.M7 { grid-area: M7; }
+.M7LogIn { grid-area: M7LogIn; }
 .R7 { grid-area: R7; }
 .L9LogIn {grid-area: L9LogIn; grid-column: span 3;}
 .M9 { grid-area: M9; }

diff --git a/src/webPages/LogIn/logIn.tsx b/src/webPages/LogIn/logIn.tsx
@@ -129,9 +129,9 @@ interface Profile {
                 </Button>
             </div>
 
-            <div className='M7'>
-                <Button variant='contained' onClick={handleAbout} sx={{width: '50%'}}>
-                    About
+            <div className='M7LogIn'>
+                <Button variant='contained' onClick={handleAbout} sx={{width: '25%', justifyContent: 'center'}}>
+                    Credits
                 </Button>
             </div>