const DRAWER_WIDTH = 240;
-type CssRules = 'root';
+type CssRules = 'root' | 'topButtonContainer';
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
root: {
height: '100%',
overflowX: 'auto',
width: DRAWER_WIDTH,
+ },
+ topButtonContainer: {
+ display: 'flex',
+ justifyContent: 'space-between'
}
});
<Grid item xs>
{props.isCollapsed ? <SidePanelToggle /> :
<>
- <Grid style={{display: 'flex', justifyContent: 'space-between'}}>
+ <Grid className={classes.topButtonContainer}>
<SidePanelButton key={props.currentRoute} />
<SidePanelToggle/>
</Grid>