From 4e7d645084dd68b31d023391a1431cfc5719fe78 Mon Sep 17 00:00:00 2001
From: James Elliott <james-d-elliott@users.noreply.github.com>
Date: Sun, 26 Apr 2020 00:56:56 +1000
Subject: [PATCH] [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
---
 web/src/layouts/LoginLayout.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

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