fixed observation results' width and margin bug

HyphenFrox · Sep 5, 2021 · 376cce3 · 376cce3
1 parent 66888e9
commit 376cce3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/ObservationCard.js b/src/components/ObservationCard.js
@@ -7,7 +7,7 @@ const useStyles = makeStyles((theme) => ({
     backgroundColor: theme.palette.secondary.main,
     width: "100%",
     [theme.breakpoints.up(325)]: {
-      maxWidth: 325,
+      width: 325,
     },
   },
   observationCommonName: {

diff --git a/src/pages/Homepage.js b/src/pages/Homepage.js
@@ -54,9 +54,9 @@ const useStyles = makeStyles((theme) => ({
     flexFlow: "column nowrap",
     alignItems: "center",
     "& > * + *": {
-      marginTop: "0.5em",
+      marginTop: "1em",
     },
-    [theme.breakpoints.up("sm")]: {
+    [theme.breakpoints.up(325)]: {
       flexFlow: "row wrap",
       alignItems: "initial",
       justifyContent: "center",