Updated / redesign started

src/components/EditRestaurant/LunchMenu.js

@@ -26,7 +26,8 @@ const useStyles = makeStyles((theme) => ({
     backgroundColor: "#262626",
     color: "#bbbbbb",
     width: "100%",
-    marginBottom: "24px",
+    maxWidth: "800px",
+    borderRadius: "24px"
   },
   expandIcon: {
     color: "#bbbbbb",
@@ -36,6 +37,7 @@ const useStyles = makeStyles((theme) => ({
     marginBottom: theme.spacing(2),
     "& .MuiInputBase-root": {
       color: "#bbbbbb",
+      borderRadius: "14px"
     },
     "& .MuiInputLabel-root": {
       color: "#bbbbbb",
@@ -52,6 +54,7 @@ const useStyles = makeStyles((theme) => ({
     flexGrow: 5,
     "& .MuiInputBase-root": {
       color: "#bbbbbb",
+      borderRadius: "14px"
     },
     "& .MuiInputLabel-root": {
       color: "#bbbbbb",
@@ -174,7 +177,7 @@ export default function EditCategoriesList(props) {
   // COMPONENT
 
   return (
-    <div style={{ width: "100%" }}>
+    <div style={{ width: "100%", display: "flex", flexFlow: "column", alignItems: "center"  }}>
       <YesNo open={open} cancel={onCancel} accept={onAccept} />
       {props.lunchMenu.length === 0 ? <p>Lunch menu puste</p> : SetList}
       <Accordion className={classes.root}>