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
-
+