From e6718aaf7a44929320ef9d3068be66d28ebd1791 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton@traccar.org>
Date: Tue, 24 May 2022 18:50:35 -0700
Subject: Prevent filter overflow

---
 modern/src/reports/components/ColumnSelect.js | 1 -
 modern/src/reports/components/ReportFilter.js | 3 ++-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'modern/src/reports')

diff --git a/modern/src/reports/components/ColumnSelect.js b/modern/src/reports/components/ColumnSelect.js
index 8a79108e..d708c3d7 100644
--- a/modern/src/reports/components/ColumnSelect.js
+++ b/modern/src/reports/components/ColumnSelect.js
@@ -19,7 +19,6 @@ const ColumnSelect = ({
           label={t('sharedColumns')}
           value={columns}
           onChange={(e) => setColumns(e.target.value)}
-          renderValue={(it) => it.length}
           multiple
         >
           {columnsArray
diff --git a/modern/src/reports/components/ReportFilter.js b/modern/src/reports/components/ReportFilter.js
index 7ec069cb..586ccc37 100644
--- a/modern/src/reports/components/ReportFilter.js
+++ b/modern/src/reports/components/ReportFilter.js
@@ -10,12 +10,13 @@ import dimensions from '../../common/theme/dimensions';
 
 export const useFilterStyles = makeStyles((theme) => ({
   filter: {
-    display: 'flex',
+    display: 'inline-flex',
     flexWrap: 'wrap',
     gap: theme.spacing(2),
     padding: theme.spacing(3, 2, 2),
   },
   item: {
+    minWidth: 0,
     flex: `1 1 ${dimensions.filterFormWidth}`,
   },
   buttons: {
-- 
cgit v1.2.3