aboutsummaryrefslogtreecommitdiff
path: root/modern/src/main/EventsDrawer.js
diff options
context:
space:
mode:
Diffstat (limited to 'modern/src/main/EventsDrawer.js')
-rw-r--r--modern/src/main/EventsDrawer.js18
1 files changed, 11 insertions, 7 deletions
diff --git a/modern/src/main/EventsDrawer.js b/modern/src/main/EventsDrawer.js
index 1843b46f..d6b616ef 100644
--- a/modern/src/main/EventsDrawer.js
+++ b/modern/src/main/EventsDrawer.js
@@ -1,7 +1,7 @@
import React from 'react';
import { useDispatch, useSelector } from 'react-redux';
import {
- Button, Drawer, IconButton, List, ListItem, ListItemText, Toolbar, Typography,
+ Drawer, IconButton, List, ListItem, ListItemText, Toolbar, Typography,
} from '@mui/material';
import { makeStyles } from '@mui/styles';
import DeleteIcon from '@mui/icons-material/Delete';
@@ -12,7 +12,11 @@ const useStyles = makeStyles((theme) => ({
drawer: {
width: theme.dimensions.eventsDrawerWidth,
},
- header: {
+ toolbar: {
+ paddingLeft: theme.spacing(2),
+ paddingRight: theme.spacing(2),
+ },
+ title: {
flexGrow: 1,
},
}));
@@ -30,13 +34,13 @@ const EventsDrawer = ({ open, onClose }) => {
open={open}
onClose={onClose}
>
- <Toolbar>
- <Typography variant="h6" className={classes.header}>
+ <Toolbar className={classes.toolbar} disableGutters>
+ <Typography variant="h6" className={classes.title}>
{t('reportEvents')}
</Typography>
- <Button color="inherit" onClick={() => dispatch(eventsActions.deleteAll())}>
- {t('reportClear')}
- </Button>
+ <IconButton size="small" color="inherit" onClick={() => dispatch(eventsActions.deleteAll())}>
+ <DeleteIcon fontSize="small" />
+ </IconButton>
</Toolbar>
<List className={classes.drawer} dense>
{events.map((event) => (