CEC-4425: Fix responsive styles (#346)

* CEC-4425: Fix responsive styles
2023-06-05 15:30:54 -04:00
parent 7eed1dd25c
commit 022e88d400
4 changed files with 36 additions and 34 deletions
--- a/src/components/useStyles.jsx
+++ b/src/components/useStyles.jsx
@@ -127,6 +127,7 @@ const useStyles = makeStyles((theme) => ({
      duration: theme.transitions.duration.enteringScreen,
    }),
    marginLeft: 0,
+    maxWidth: `calc(100% - ${DRAWER_WIDTH}px)`,
  },
  rightToolbar: {
    marginLeft: "auto",
@@ -161,7 +162,7 @@ const useStyles = makeStyles((theme) => ({
    textAlign: "left",
    paddingLeft: theme.spacing(2),
    paddingRight: theme.spacing(1),
-    width: "100%",
+    maxWidth: "100%",
  },
  logo: {
    height: 60,