fix(app): fix login page styles (#450)

* Fix login page styles

* Remove padding top on mobile

* Revert last change

* Test different units

Author: grzegorzpokorski

apps/app/src/app/(no-layout)/login/layout.tsx

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
 
 export default function LoginPageLayout({ children }: { readonly children: ReactNode }) {
-	return <div className="absolute top-0 bottom-0 left-0 right-0 bg-primary">{children}</div>;
+	return <div className="flex min-h-full min-h-[100dvh] items-center bg-primary">{children}</div>;
 }

apps/app/src/components/LoginForm/BackLink.tsx

@@ -8,7 +8,7 @@ export const BackLink = () => {
 	const previousPath = searchParams.get("previousPath") || "/";
 
 	return (
-		<Link href={previousPath} className="mt-12 text-sm text-white underline">
+		<Link href={previousPath} className="text-sm text-white underline">
 			Powrót do strony głównej
 		</Link>
 	);

apps/app/src/components/LoginForm/LoginForm.tsx

@@ -3,9 +3,9 @@ import { BackLink } from "./BackLink";
 import { GitHubLoginButton } from "./GitHubLoginButton";
 
 export const LoginForm = () => (
-	<div className="mx-auto flex max-w-[520px] flex-col items-center p-8 pt-[20vmin]">
+	<div className="mx-auto flex max-w-[520px] flex-col items-center gap-10 p-8">
 		<AppLogo />
-		<p className="mt-8 mb-10 text-center text-xl text-white">
+		<p className="text-center text-xl text-white">
 			Stwórz konto już dzisiaj i korzystaj z dodatkowych funkcji serwisu DevFAQ!
 		</p>
 		<GitHubLoginButton />