diff --git a/src/components/Organization/OrgUsers/OrgDelete.jsx b/src/components/Organization/OrgUsers/OrgDelete.jsx index 650a0148..4f9c87d7 100644 --- a/src/components/Organization/OrgUsers/OrgDelete.jsx +++ b/src/components/Organization/OrgUsers/OrgDelete.jsx @@ -7,7 +7,10 @@ import { makeStyles } from "@mui/styles"; const useStyles = makeStyles(theme => ({ root: { border: `1px solid ${theme.palette.divider}`, - borderRadius: "10px" + borderRadius: "10px", + [theme.breakpoints.down("md")]: { + marginRight: 20, + }, }, gridPadding: { padding: theme.spacing(2) diff --git a/src/components/Organization/pages/General.jsx b/src/components/Organization/pages/General.jsx index a1c80ed9..ac93d178 100644 --- a/src/components/Organization/pages/General.jsx +++ b/src/components/Organization/pages/General.jsx @@ -37,10 +37,12 @@ const useStyles = makeStyles(theme => ({ flexDirection: "column", gap: 10, [theme.breakpoints.down("md")]: { - width: "99%" + width: "99%", + paddingRight: 0 }, [theme.breakpoints.down("xs")]: { - width: "99%" + width: "99%", + paddingRight: 0 }, marginTop: "20px" }, diff --git a/src/components/Organization/pages/Passwords.jsx b/src/components/Organization/pages/Passwords.jsx index 6884281c..9a8e5626 100644 --- a/src/components/Organization/pages/Passwords.jsx +++ b/src/components/Organization/pages/Passwords.jsx @@ -12,8 +12,10 @@ const useStyles = makeStyles(theme => ({ justifyContent: "space-evenly", width: "98%", marginBottom: "20px", + paddingBottom: "20px", [theme.breakpoints.between("xs", "sm")]: { - marginLeft: "10px" + marginLeft: "10px", + paddingRight: "25px", } }, input: { @@ -73,7 +75,7 @@ function Passwords() { New Password - + Confirm new password diff --git a/src/components/Profile/SwitchAccount/SwitchAccount.jsx b/src/components/Profile/SwitchAccount/SwitchAccount.jsx index 11e0a149..06250aa4 100644 --- a/src/components/Profile/SwitchAccount/SwitchAccount.jsx +++ b/src/components/Profile/SwitchAccount/SwitchAccount.jsx @@ -23,10 +23,11 @@ const useStyles = makeStyles(theme => ({ justifyContent: "space-between", alignItems: "center", [theme.breakpoints.down("md")]: { - width: "95%" + width: "95%", + flexDirection: "column" }, [theme.breakpoints.down("xs")]: { - width: "95%", + width: "80%", flexDirection: "column" } }, @@ -35,7 +36,10 @@ const useStyles = makeStyles(theme => ({ }, large: { width: theme.spacing(7), - height: theme.spacing(7) + height: theme.spacing(7), + [theme.breakpoints.down("md")]: { + marginLeft: "20px" + } }, details: { display: "flex", @@ -49,8 +53,8 @@ const useStyles = makeStyles(theme => ({ display: "flex", flexDirection: "row", alignItems: "center", - [theme.breakpoints.down("xs")]: { - flexDirection: "column" + [theme.breakpoints.down("md")]: { + marginLeft: "0px" } }, name: { @@ -59,15 +63,20 @@ const useStyles = makeStyles(theme => ({ } }, margin: { - marginLeft: "15px", + marginLeft: "40px", [theme.breakpoints.down("xs")]: { marginLeft: "0px" } }, marginR: { marginRight: "20px", - [theme.breakpoints.down("xs")]: { - marginRight: "0px" + [theme.breakpoints.down("md")]: { + marginLeft: "200px" + } + }, + iconStyle: { + [theme.breakpoints.down("md")]: { + marginLeft: "-40px" } } })); @@ -122,9 +131,9 @@ export default function SwitchAccount({ {name}
- Personal account + Personal account - +