Updated / redesign started

src/components/Output/Contact.js

@@ -26,7 +26,7 @@ export default function Contact() {
   });
   const style = useStyles();
   return (
-    <Paper style={{ backgroundColor: "#262626", color: "#bbbbbb" }}>
+    <Paper style={{ backgroundColor: "#262626", color: "#bbbbbb", borderRadius: "24px" }}>
       <List className={style.root}>
         <ListItem>
           <LogoMain />
@@ -43,18 +43,10 @@ export default function Contact() {
         <ListItem>
           <ListItemText
             className={style.secondary}
-            primary="Biuro"
+            primary="Email"
             secondary="menui@menui.pl"
           />
         </ListItem>
-        <Divider />
-        <ListItem>
-          <ListItemText
-            className={style.secondary}
-            primary="Wsparcie techniczne"
-            secondary="support@menui.pl"
-          />
-        </ListItem>
       </List>
     </Paper>
   );

src/components/Output/EditCategoriesList.js

@@ -16,6 +16,8 @@ const useStyles = makeStyles((theme) => ({
     backgroundColor: "#262626",
     color: "#bbbbbb",
     width: "100%",
+    maxWidth: "800px",
+    borderRadius: "24px"
   },
   expandIcon: {
     color: "#bbbbbb",
@@ -25,6 +27,7 @@ const useStyles = makeStyles((theme) => ({
     marginBottom: theme.spacing(2),
     "& .MuiInputBase-root": {
       color: "#bbbbbb",
+      borderRadius: "14px"
     },
     "& .MuiInputLabel-root": {
       color: "#bbbbbb",
@@ -97,7 +100,7 @@ export default function EditCategoriesList(props) {
   });
 
   return (
-    <div style={{ width: "100%" }}>
+    <div style={{ width: "100%", display: "flex", flexFlow: "column", alignItems: "center" }}>
       <YesNo open={open} cancel={onCancel} accept={onAccept} />
       {CategoriesList}
     </div>