Put button inside div and rearranged some code.

This commit is contained in:
wildscotsmen 2018-10-25 20:53:17 -04:00
parent 19e24a2747
commit 760c5b77de
1 changed files with 9 additions and 13 deletions

View File

@ -272,24 +272,20 @@ class QuizGame extends React.Component {
const { classes } = this.props; const { classes } = this.props;
return ( return (
<Fragment> // Tabs
{ <div className={classes.root}>
// Tabs <Typography variant="headline" align="center">
<div className={classes.root}> <Grid container justify="center">
<Typography variant="headline" align="center"> <Quiz quiz={this.state.difficulty} key={this.state.key} />
<Grid container justify="center"> </Grid>
<Quiz quiz={this.state.difficulty} key={this.state.key} /> </Typography>
</Grid>
</Typography>
</div>
}
<Typography align="center"> <Typography align="center">
<Button variant="contained" color="default" className={classes.button} onClick={this.reset}> <Button variant="contained" color="default" className={classes.button} onClick={this.reset}>
Reset Reset
<RefreshIcon className={classes.rightIcon} /> <RefreshIcon className={classes.rightIcon} />
</Button> </Button>
</Typography> </Typography>
</Fragment> </div>
); );
} }
} }