aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAnton Tananaev <anton@traccar.org>2022-07-08 16:36:57 -0700
committerAnton Tananaev <anton@traccar.org>2022-07-08 16:36:57 -0700
commitcbb5a320802031c102818f8221d853f8181b54f3 (patch)
tree8a5eb289844c90e2577c5c753f00afdf261d560c
parent57243b3243b18858d20441b955eacbfad0a8f1a7 (diff)
downloadtrackermap-web-cbb5a320802031c102818f8221d853f8181b54f3.tar.gz
trackermap-web-cbb5a320802031c102818f8221d853f8181b54f3.tar.bz2
trackermap-web-cbb5a320802031c102818f8221d853f8181b54f3.zip
Align clear buttons
-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) => (