From cf48b046a3bbadf4a648fa8c26940fb572eb4031 Mon Sep 17 00:00:00 2001
From: dadiorchen <dadiorchen@outlook.com>
Date: Sat, 18 Dec 2021 12:19:41 +0800
Subject: [PATCH] chore: css layout

---
 src/components/Home/Home.styles.js             | 3 +++
 src/components/reportingCards/ReportingCard.js | 6 +++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/Home/Home.styles.js b/src/components/Home/Home.styles.js
index bbcaab20b..9f743dfb3 100644
--- 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
index 65cf463c2..aaecc42d0 100644
--- 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) {