🚧 add gap to dashboard cards

ghalestrilo · ghalestrilo · commit 69acd3af6720 · 2020-08-12T17:42:14.000-03:00
diff --git a/client/modules/Mobile/MobileDashboardView.jsx b/client/modules/Mobile/MobileDashboardView.jsx
@@ -27,6 +27,7 @@ const EXAMPLE_USERNAME = 'p5';
 const ContentWrapper = styled(Content)`
   table {
     table-layout: fixed;
+    margin-bottom: ${remSize(120)}
   }
   
   td ,thead button {
@@ -91,6 +92,7 @@ const ContentWrapper = styled(Content)`
     border-radius: ${remSize(4)};
     grid-template-columns: repeat(${props => props.fieldcount - 1}) 1fr;
     grid-template-areas: "name name name" "content content content";
+    grid-row-gap: ${remSize(12)}
   }
 
   .loader-container { position: fixed ; padding-bottom: 32% }

Original file line number	Diff line number	Diff line change
`@@ -27,6 +27,7 @@ const EXAMPLE_USERNAME = 'p5';`
`27`	`27`	const ContentWrapper = styled(Content)`
`28`	`28`	`table {`
`29`	`29`	`table-layout: fixed;`
	`30`	`+ margin-bottom: ${remSize(120)}`
`30`	`31`	`}`
`31`	`32`
`32`	`33`	`td ,thead button {`
@@ -91,6 +92,7 @@ const ContentWrapper = styled(Content)`
`91`	`92`	`border-radius: ${remSize(4)};`
`92`	`93`	`grid-template-columns: repeat(${props => props.fieldcount - 1}) 1fr;`
`93`	`94`	`grid-template-areas: "name name name" "content content content";`
	`95`	`+ grid-row-gap: ${remSize(12)}`
`94`	`96`	`}`
`95`	`97`
`96`	`98`	`.loader-container { position: fixed ; padding-bottom: 32% }`