additional styling of components

mykovasyl · Apr 3, 2023 · d63e010 · d63e010
1 parent be8ca43
commit d63e010
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/client/src/components/LogIn.js b/client/src/components/LogIn.js
@@ -4,12 +4,7 @@ import { UserContext } from "./App";
 import Button from "@mui/material/Button";
 import CssBaseline from "@mui/material/CssBaseline";
 import TextField from "@mui/material/TextField";
-import FormControlLabel from "@mui/material/FormControlLabel";
-import Checkbox from "@mui/material/Checkbox";
-import Link from "@mui/material/Link";
-import Grid from "@mui/material/Grid";
 import Box from "@mui/material/Box";
-import LockOutlinedIcon from "@mui/icons-material/LockOutlined";
 import Typography from "@mui/material/Typography";
 import Container from "@mui/material/Container";
 import { createTheme, ThemeProvider } from "@mui/material/styles";

diff --git a/client/src/components/RandomRecipe.js b/client/src/components/RandomRecipe.js
@@ -33,6 +33,7 @@ function RandomRecipe() {
   return (
     <div>
       <Button
+        sx={{ mb: 2 }}
         type='button'
         variant='contained'
         onClick={handleClick}

diff --git a/client/src/components/Recipe.js b/client/src/components/Recipe.js
@@ -36,7 +36,9 @@ function Recipe({ recipe }) {
   const [ratingValue, setRatingValue] = useState(rating);
 
   const mappedIngredients = ingredients.map((ingredient) => (
-    <li key={ingredient}>{ingredient}</li>
+    <li key={ingredient} style={{ listStyleType: "none" }}>
+      {ingredient}
+    </li>
   ));
 
   function addRecipe() {