Merge pull request #168 from HackHPI/feature/button-improvements

changed button colors, added mail icon

Author: C0NZZ

src/components/Faq/Faq.jsx

@@ -16,8 +16,9 @@ import {
     useMediaQuery,
     useTheme
 } from "@mui/material";
+import MailIcon from "@mui/icons-material/mail";
 import React from "react";
-import {KeyboardArrowRight} from "@mui/icons-material";
+import {KeyboardArrowRight, MailOutline} from "@mui/icons-material";
 import {WindowCard} from "../WindowCard/WindowCard.jsx";
 import {Masonry} from "@mui/lab";
 import HackHPIWrapper from "../Theme/HackHPIWrapper.jsx";
@@ -160,7 +161,7 @@ export function Faq() {
                                         ask!</Typography>
                                 </CardContent>
                                 <CardActions>
-                                    <Button size="small" color={"inherit"} href={"mailto:[email protected]"}>Contact us</Button>
+                                    <Button sx={{ ml: 1, mb: 1 }} variant="contained" size="small" color="primary" href={"mailto:[email protected]"} startIcon={<MailOutline />}>Contact us</Button>
                                 </CardActions>
                             </Card>
                         </Stack>

src/components/Gallery/Gallery.jsx

@@ -61,7 +61,7 @@ export function Gallery() {
             {renderImages(secondImages, -150)}
             {renderImages(thirdImages, -200)}
             <Container sx={{display: "flex", justifyContent: "flex-end"}}>
-                <Button color={"inherit"} sx={{mt: 3}} onClick={() => setIsGalleryOpen(true)}>View full Gallery</Button>
+                <Button variant="contained" color={"primary"} sx={{mt: 3}} onClick={() => setIsGalleryOpen(true)}>View full Gallery</Button>
             </Container>
             <GalleryDialog isOpen={isGalleryOpen} onClose={() => setIsGalleryOpen(false)}/>
         </Box>