fix(ui): Fix ValetudoSplash showing scrollbars with some specific browser window dimensions

Author: Hypfer

frontend/src/components/ValetudoSplash.tsx

@@ -9,23 +9,26 @@ const ValetudoSplash = (): React.ReactElement => {
             container
             sx={{
                 width: "90%",
-                height: "50%",
-                margin: "auto",
-                marginTop: "25%",
-                marginBottom: "25%",
+                margin: "0 auto",
                 maxWidth: "600px",
-                minHeight: "90%",
+                height: "100vh",
             }}
             direction="column"
             alignItems="center"
-            justifyContent="center"
+            justifyContent="flex-start"
+            paddingTop="20vh"
         >
             <Grid2
+                sx={{
+                    width: "90%",
+                    maxWidth: "270px"
+                }}
             >
                 <SplashLogo
                     style={{
-                        width: "90%",
-                        marginLeft: "5%"
+                        width: "100%",
+                        height: "auto",
+                        display: "block"
                     }}
                 />
             </Grid2>