diff options
| author | Anton Tananaev <anton@traccar.org> | 2022-07-08 16:36:57 -0700 |
|---|---|---|
| committer | Anton Tananaev <anton@traccar.org> | 2022-07-08 16:36:57 -0700 |
| commit | cbb5a320802031c102818f8221d853f8181b54f3 (patch) | |
| tree | 8a5eb289844c90e2577c5c753f00afdf261d560c /modern/src/main | |
| parent | 57243b3243b18858d20441b955eacbfad0a8f1a7 (diff) | |
| download | trackermap-web-cbb5a320802031c102818f8221d853f8181b54f3.tar.gz trackermap-web-cbb5a320802031c102818f8221d853f8181b54f3.tar.bz2 trackermap-web-cbb5a320802031c102818f8221d853f8181b54f3.zip | |
Align clear buttons
Diffstat (limited to 'modern/src/main')
| -rw-r--r-- | modern/src/main/EventsDrawer.js | 18 |
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) => ( |