From 62e0fc72266acaa102bcb6b624a8695c6f78177b Mon Sep 17 00:00:00 2001
From: Jonas Braathen <jonas.braathen@usit.uio.no>
Date: Fri, 8 Jul 2022 13:00:26 +0200
Subject: [PATCH] Fix space between login boxes on front page
---
.../routes/frontpage/components/loginpage.tsx | 39 ++++++++-----------
1 file changed, 17 insertions(+), 22 deletions(-)
diff --git a/frontend/src/routes/frontpage/components/loginpage.tsx b/frontend/src/routes/frontpage/components/loginpage.tsx
index ca958d99..bb246f18 100644
--- a/frontend/src/routes/frontpage/components/loginpage.tsx
+++ b/frontend/src/routes/frontpage/components/loginpage.tsx
@@ -11,35 +11,30 @@ export default function LoginPage() {
return (
<Page>
+ <Container
+ sx={{
+ marginTop: '4rem',
+ }}
+ >
+ <Typography variant="h1" sx={{ paddingBottom: '1rem' }}>
+ {t('header')}
+ </Typography>
+ <Typography variant="body1" sx={{ paddingBottom: '2rem' }}>
+ {t('description', { inst: instNameUpperCaser(appInst) })}
+ </Typography>
+ </Container>
<Container
maxWidth="md"
sx={{
display: 'flex',
- flexDirection: 'column',
- marginTop: '4rem',
+ justifyContent: 'space-between',
+ flexDirection: { xs: 'column', md: 'row' },
+ alignItems: 'center',
marginBottom: '10rem',
}}
>
- <Container>
- <Typography variant="h1" sx={{ paddingBottom: '1rem' }}>
- {t('header')}
- </Typography>
- <Typography variant="body1" sx={{ paddingBottom: '2rem' }}>
- {t('description', { inst: instNameUpperCaser(appInst) })}
- </Typography>
- </Container>
-
- <Container
- sx={{
- display: 'flex',
- justifyContent: 'space-between',
- flexDirection: { xs: 'column', md: 'row' },
- alignItems: 'center',
- }}
- >
- <LoginBox header={t('sponsor')} info={t('sponsorInfo')} />
- <LoginBox header={t('guest')} info={t('guestInfo')} />
- </Container>
+ <LoginBox header={t('sponsor')} info={t('sponsorInfo')} />
+ <LoginBox header={t('guest')} info={t('guestInfo')} />
</Container>
</Page>
)
--
GitLab