worked on the #37

Card and button component allignment Co-authored-by: Martin Wagner <martin.wagner@fau.de> Co-authored-by: Mani Anand <mani.anand@fau.de>
amosproj · May 17, 2021 · 1747a29 · 1747a29
1 parent 5c22b9d
commit 1747a29
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/frontend/src/components/cards/MiniCardComponent.js b/frontend/src/components/cards/MiniCardComponent.js
@@ -13,7 +13,7 @@ const useStyles = createUseStyles((theme) => ({
         maxWidth: 350,
         minWidth:210, // resizing the card min width
         maxHeight:150,
-        marginTop:50,
+        // marginTop:50,
         // padding: '8px 16px 8px 16px',
         '&:hover': {
             borderColor: theme.uniformStyle.color.tableHeaderColor ,

diff --git a/frontend/src/components/productGrid/ProductGridComponent.js b/frontend/src/components/productGrid/ProductGridComponent.js
@@ -79,14 +79,15 @@ function ProductGridComponent() {
 // Card component style properties
 const useStyles = createUseStyles({
     cardRow: {
-        marginTop: 30,
+        marginTop:-50,
         '@media (max-width: 768px)': {
-            marginTop: 0
+            // marginTop: 30
         }
     },
     miniCardContainer: {
          marginRight: 30,
          marginLeft:30,
+         marginTop:30,
         '@media (max-width: 768px)': {
             marginTop: 30,
             maxWidth: 'none',