From ab26340ead6eba063734286a374101951d08688b Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton@traccar.org>
Date: Sat, 28 May 2022 06:58:47 -0700
Subject: Unify report styles

---
 modern/src/reports/StopReportPage.js | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

(limited to 'modern/src/reports/StopReportPage.js')

diff --git a/modern/src/reports/StopReportPage.js b/modern/src/reports/StopReportPage.js
index 6cf8be07..d2823b06 100644
--- a/modern/src/reports/StopReportPage.js
+++ b/modern/src/reports/StopReportPage.js
@@ -2,7 +2,6 @@ import React, { useState } from 'react';
 import {
   Table, TableBody, TableCell, TableHead, TableRow,
 } from '@mui/material';
-import { makeStyles } from '@mui/styles';
 import {
   formatDistance, formatHours, formatDate, formatVolume,
 } from '../common/util/formatter';
@@ -14,6 +13,7 @@ import ReportsMenu from './components/ReportsMenu';
 import ColumnSelect from './components/ColumnSelect';
 import usePersistedState from '../common/util/usePersistedState';
 import { useCatch } from '../reactHelper';
+import useReportStyles from './common/useReportStyles';
 
 const columnsArray = [
   ['startTime', 'reportStartTime'],
@@ -26,18 +26,8 @@ const columnsArray = [
 ];
 const columnsMap = new Map(columnsArray);
 
-const useStyles = makeStyles(() => ({
-  header: {
-    position: 'sticky',
-    left: 0,
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'stretch',
-  },
-}));
-
 const StopReportPage = () => {
-  const classes = useStyles();
+  const classes = useReportStyles();
   const t = useTranslation();
 
   const distanceUnit = useAttributePreference('distanceUnit');
-- 
cgit v1.2.3