diff --git a/src/components/NotifBox/index.tsx b/src/components/NotifBox/index.tsx index b8319b2..324f96e 100644 --- a/src/components/NotifBox/index.tsx +++ b/src/components/NotifBox/index.tsx @@ -12,7 +12,8 @@ const useStyles = makeStyles((theme) => ({ container: { backgroundColor: grey[800], color: theme.palette.primary.contrastText, - padding: `${theme.spacing(2.5)}px ${theme.spacing(2)}px`, + padding: theme.spacing(2), + margin: `0 -${theme.spacing(2)}px`, borderRadius: theme.shape.borderRadius, }, })); diff --git a/src/components/SidebarComponents/FolderGroupTitle.tsx b/src/components/SidebarComponents/FolderGroupTitle.tsx index eb43516..b86911a 100644 --- a/src/components/SidebarComponents/FolderGroupTitle.tsx +++ b/src/components/SidebarComponents/FolderGroupTitle.tsx @@ -14,7 +14,7 @@ const FolderGroupTitle = (props: Props) => { const classes = useStyles(); return ( - + {props.title} { const useStyles = makeStyles((theme) => ({ listItem: { + fontSize: '0.9rem', + fontWeight: theme.typography.fontWeightMedium, + color: theme.palette.text.secondary, + '&.MuiListItem-gutters': { - padding: `${theme.spacing(0.8)}px ${theme.spacing(3)}px`, + padding: theme.spacing(2), }, }, })); diff --git a/src/containers/Sidebar/Files/FilterFiles.tsx b/src/containers/Sidebar/Files/FilterFiles.tsx index fdc91a9..6f8adcc 100644 --- a/src/containers/Sidebar/Files/FilterFiles.tsx +++ b/src/containers/Sidebar/Files/FilterFiles.tsx @@ -26,8 +26,7 @@ const FilterFiles = (props: Props) => { const useStyles = makeStyles((theme) => ({ formControl: { - marginTop: `-${theme.spacing(3)}px`, - marginBottom: `${theme.spacing(3)}px`, + marginTop: theme.spacing(2), }, })); diff --git a/src/containers/Sidebar/Files/ListGroup.tsx b/src/containers/Sidebar/Files/ListGroup.tsx index 67cc811..9a6afe0 100644 --- a/src/containers/Sidebar/Files/ListGroup.tsx +++ b/src/containers/Sidebar/Files/ListGroup.tsx @@ -56,7 +56,7 @@ const useStyles = makeStyles((theme) => ({ background: 'none !important', '&.MuiListItem-gutters': { - padding: `0 ${theme.spacing(1)}px`, + padding: `0 ${theme.spacing(2)}px`, }, '&.Mui-selected $listItemInner': { diff --git a/src/containers/Sidebar/Files/index.tsx b/src/containers/Sidebar/Files/index.tsx index 5bdb106..cf8cca5 100644 --- a/src/containers/Sidebar/Files/index.tsx +++ b/src/containers/Sidebar/Files/index.tsx @@ -223,14 +223,12 @@ const useStyles = makeStyles((theme) => ({ }, titleContainer: { - padding: `0 ${theme.spacing(3)}px`, + padding: theme.spacing(2), }, title: { display: 'flex', justifyContent: 'space-between', - padding: `${theme.spacing(3)}px 0`, - marginBottom: theme.spacing(2), }, })); diff --git a/src/containers/Sidebar/Folders/ListGroup.tsx b/src/containers/Sidebar/Folders/ListGroup.tsx index 68cdbc8..8b7b331 100644 --- a/src/containers/Sidebar/Folders/ListGroup.tsx +++ b/src/containers/Sidebar/Folders/ListGroup.tsx @@ -61,7 +61,7 @@ const useStyles = makeStyles((theme) => ({ background: 'none !important', '&.MuiListItem-gutters': { - padding: `0 ${theme.spacing(1)}px`, + padding: `0 ${theme.spacing(2)}px`, }, '&.Mui-selected $listItemInner': {