Changed styling of ItemViewAppBar to fix how its displayed in the docs

ECN · Feb 8, 2021 · 6229c48 · 6229c48
1 parent 8623071
commit 6229c48
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/components/ItemViewAppBar/ItemViewAppBar.js b/src/components/ItemViewAppBar/ItemViewAppBar.js
@@ -21,8 +21,7 @@ export default function ItemViewAppBar({ title, setSidebarOpen }){
 			flexGrow: "1"
 		},
 		appBarRoot: {
-			width: "inherit",
-
+			width: "100%"
 		},
 	}));
 	const classes = useStyles(theme);
@@ -31,7 +30,7 @@ export default function ItemViewAppBar({ title, setSidebarOpen }){
 
 	return(
 		<>
-			<AppBar position="fixed" color="secondary" elevation={2} classes={{root: classes.appBarRoot}}>
+			<AppBar position="sticky" color="secondary" elevation={2} classes={{root: classes.appBarRoot}}>
 
 				<Toolbar variant="dense">
                     <Tooltip title={"Close Item"}