chore: css layout

Greenstand · Dec 18, 2021 · cf48b04 · cf48b04
1 parent 243d498
commit cf48b04
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/Home/Home.styles.js b/src/components/Home/Home.styles.js
@@ -62,6 +62,9 @@ const styles = (theme) => ({
   statCardGrid: {
     padding: 0,
     flexWrap: 'wrap',
+    '&>div': {
+      minWidth: '336px',
+    },
   },
 });
 

diff --git a/src/components/reportingCards/ReportingCard.js b/src/components/reportingCards/ReportingCard.js
@@ -31,7 +31,8 @@ const style = (theme) => ({
     backgroundColor: 'white',
     padding: theme.spacing(4, 6),
     minHeight: theme.spacing(74),
-    minWidth: theme.spacing(79),
+    //minWidth: theme.spacing(79),
+    maxWidth: '100%',
     display: 'flex',
     flexDirection: 'column',
     justifyContent: 'space-between',
@@ -119,6 +120,9 @@ const style = (theme) => ({
     maxHeight: 600,
     overflow: 'auto',
   },
+  name: {
+    marginRight: theme.spacing(12),
+  },
 });
 
 function GrowerReportingCard(props) {