[FIX] Layout discrepancy with U2F (#914)

* 4.8.0 deps bump changed the root containers padding from 32px to 24px
* only affects the u2f screen, this fixes the padding on the root container for the Login Layout
* this makes u2f screen layout behave the same as all of the other ones
This commit is contained in:
James Elliott 2020-04-26 00:56:56 +10:00 committed by GitHub
parent 9116135401
commit 4e7d645084
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -21,7 +21,7 @@ export default function (props: Props) {
spacing={0} spacing={0}
alignItems="center" alignItems="center"
justify="center"> justify="center">
<Container maxWidth="xs"> <Container maxWidth="xs" className={style.rootContainer}>
<Grid container> <Grid container>
<Grid item xs={12}> <Grid item xs={12}>
<UserSvg className={style.icon}></UserSvg> <UserSvg className={style.icon}></UserSvg>
@ -56,6 +56,10 @@ const useStyles = makeStyles(theme => ({
textAlign: "center", textAlign: "center",
// marginTop: theme.spacing(10), // marginTop: theme.spacing(10),
}, },
rootContainer: {
paddingLeft: 32,
paddingRight: 32,
},
title: {}, title: {},
icon: { icon: {
margin: theme.spacing(), margin: theme.spacing(),