Updated / redesign started

src/components/Input/ButtonPrimary.js

@@ -4,7 +4,8 @@ import Button from "@material-ui/core/Button";
 
 const StyledButton = withStyles({
   root: {
-    backgroundColor: "#696969",
+    backgroundColor: "#9e9e9e",
+    borderRadius: "14px",
     color: "#262626",
     margin: "16px 16px 16px 16px",
     padding: "8px 12px 8px 12px",

src/components/Input/ButtonSecondary.js

@@ -5,6 +5,7 @@ import Button from "@material-ui/core/Button";
 const StylizedButton = withStyles({
   root: {
     background: "#d68000",
+    borderRadius: "14px",
     color: "#262626",
     margin: "16px 16px 16px 16px",
     padding: "8px 16px 8px 16px",

src/components/Input/Checkboxes.js

@@ -22,7 +22,7 @@ const useStyles = makeStyles((theme) => ({
       display: "inline",
     },
     border: "1px solid #1c1c1c",
-    borderRadius: "6px",
+    borderRadius: "24px",
     marginBottom: theme.spacing(2),
   },
   formControl: {

src/components/Input/InputLunchMenuHours.js

@@ -8,6 +8,7 @@ const useStyles = makeStyles((theme) => ({
   timePicker: {
     "& .MuiInputBase-root": {
       color: "#bbbbbb",
+      borderRadius: "14px"
     },
     "& .MuiInputLabel-root": {
       color: "#bbbbbb",

src/components/Input/InputPrices.js

@@ -18,6 +18,7 @@ const useStyles = makeStyles((theme) => ({
         },
     "& .MuiInputBase-root": {
       color: "#bbbbbb",
+      borderRadius: "14px"
     },
     "& .MuiInputLabel-root": {
       color: "#bbbbbb",

src/components/Input/InputWorkingHoursSingle.js

@@ -8,6 +8,7 @@ const useStyles = makeStyles((theme) => ({
   timePicker: {
     "& .MuiInputBase-root": {
       color: "#bbbbbb",
+      borderRadius: "14px"
     },
     "& .MuiInputLabel-root": {
       color: "#bbbbbb",

src/components/Input/SearchPanel.js

@@ -15,6 +15,7 @@ const useStyles = makeStyles((theme) => ({
     },
     "& .MuiInputBase-root": {
       color: "#bbbbbb",
+      borderRadius: "16px"
     },
     "& .MuiInputLabel-root": {
       color: "#bbbbbb",