Unify report styles

1 files changed, 49 insertions, 0 deletions

diff --git a/modern/src/reports/common/useReportStyles.js b/modern/src/reports/common/useReportStyles.js
new file mode 100644
index 00000000..e09c8695
--- /dev/null
+++ b/modern/src/reports/common/useReportStyles.js
@@ -0,0 +1,49 @@
+import { makeStyles } from '@mui/styles';
+
+export default makeStyles((theme) => ({
+  container: {
+    height: '100%',
+    display: 'flex',
+    flexDirection: 'column',
+  },
+  containerMap: {
+    flexBasis: '40%',
+    flexShrink: 0,
+  },
+  containerMain: {
+    overflow: 'auto',
+  },
+  header: {
+    position: 'sticky',
+    left: 0,
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'stretch',
+  },
+  columnAction: {
+    width: '1%',
+    paddingLeft: theme.spacing(1),
+  },
+  filter: {
+    display: 'inline-flex',
+    flexWrap: 'wrap',
+    gap: theme.spacing(2),
+    padding: theme.spacing(3, 2, 2),
+  },
+  filterItem: {
+    minWidth: 0,
+    flex: `1 1 ${theme.dimensions.filterFormWidth}`,
+  },
+  filterButtons: {
+    display: 'flex',
+    gap: theme.spacing(1),
+    flex: `1 1 ${theme.dimensions.filterFormWidth}`,
+  },
+  filterButton: {
+    flexGrow: 1,
+  },
+  chart: {
+    flexGrow: 1,
+    overflow: 'hidden',
+  },
+}));