Merge pull request #1056 from cultuurnet/feature/III-6635

III-6635-Improve login page layout for XL screen size

Author: vhande

src/layouts/index.js

@@ -124,7 +124,7 @@ const LayoutWrapper = ({ children }) => {
     asPath.startsWith('/404') ||
     asPath.startsWith('/500')
   ) {
-    return <>{children}</>;
+    return <Inline height="100vh">{children}</Inline>;
   }
 
   return (

src/pages/login/[language].page.tsx

@@ -304,13 +304,17 @@ const Index = () => {
   return (
     <Stack
       width="100%"
+      height="100vh"
+      display="flex"
+      flexDirection="column"
       alignItems="center"
       spacing={6}
       backgroundColor={getValueForPage('backgroundColor')}
     >
       <Stack
         width="100%"
-        height={isSmallView ? 'auto' : isXLargeView ? 900 : 800}
+        height={isSmallView ? 'auto' : isXLargeView ? '100vh' : 800}
+        flexShrink={0}
       >
         <Inline
           width="100%"