From 321674f2710910f87893b4d0e65e67b77d1ebaa4 Mon Sep 17 00:00:00 2001 From: Eug-VS Date: Sun, 5 Jan 2020 02:21:02 +0300 Subject: Use Grid instead of CSS to center time --- src/components/SolutionCard/SolutionCard.js | 23 +++++++++++------------ 1 file changed, 11 insertions(+), 12 deletions(-) (limited to 'src/components/SolutionCard/SolutionCard.js') diff --git a/src/components/SolutionCard/SolutionCard.js b/src/components/SolutionCard/SolutionCard.js index f8133db..5f3e5b4 100644 --- a/src/components/SolutionCard/SolutionCard.js +++ b/src/components/SolutionCard/SolutionCard.js @@ -7,6 +7,7 @@ import { CardContent, IconButton, Avatar, + Grid, } from "@material-ui/core"; import { makeStyles } from "@material-ui/core/styles"; @@ -18,18 +19,11 @@ const useStyles = makeStyles(theme => ({ root: { padding: theme.spacing(1), - '& .MuiCardContent-root': { - display: 'flex', - justifyContent: 'center', - alignItems: 'center', - }, - '& .MuiTypography-h3': { color: theme.palette.secondary.main, margin: theme.spacing(2), }, }, - })); const SolutionCard = ({ solution }) => { @@ -54,12 +48,17 @@ const SolutionCard = ({ solution }) => { )} /> - - - { solution.result } - + + + + + + + { solution.result } + + + - ) }; -- cgit v1.2.3