From 5d17af8102f17d41610acb9ff34aabbff871cda1 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton@traccar.org>
Date: Fri, 3 Jun 2022 15:50:53 -0700
Subject: Fix geofences toolbar

---
 modern/src/other/GeofencesPage.js | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)

(limited to 'modern/src/other')

diff --git a/modern/src/other/GeofencesPage.js b/modern/src/other/GeofencesPage.js
index fce15a39..21df8f34 100644
--- a/modern/src/other/GeofencesPage.js
+++ b/modern/src/other/GeofencesPage.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import {
-  Divider, Typography, IconButton, useMediaQuery,
+  Divider, Typography, IconButton, useMediaQuery, Toolbar,
 } from '@mui/material';
 import makeStyles from '@mui/styles/makeStyles';
 import { useTheme } from '@mui/material/styles';
@@ -38,12 +38,6 @@ const useStyles = makeStyles((theme) => ({
       height: dimensions.drawerHeightPhone,
     },
   },
-  drawerHeader: {
-    ...theme.mixins.toolbar,
-    display: 'flex',
-    alignItems: 'center',
-    padding: theme.spacing(0, 1),
-  },
   mapContainer: {
     flexGrow: 1,
   },
@@ -65,14 +59,12 @@ const GeofencesPage = () => {
           variant="permanent"
           classes={{ paper: classes.drawerPaper }}
         >
-          <div className={classes.drawerHeader}>
-            <IconButton onClick={() => navigate(-1)}>
+          <Toolbar>
+            <IconButton edge="start" sx={{ mr: 2 }} onClick={() => navigate(-1)}>
               <ArrowBackIcon />
             </IconButton>
-            <Typography variant="h6" color="inherit" noWrap>
-              {t('sharedGeofences')}
-            </Typography>
-          </div>
+            <Typography variant="h6">{t('sharedGeofences')}</Typography>
+          </Toolbar>
           <Divider />
           <GeofencesList />
         </Drawer>
-- 
cgit v1.2.3