From 27d92c55e5f7a0ea299cee08157af5bd2b3f8f0f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lucas=20T=C3=A4kker?= <lucastakker@gmail.com>
Date: Tue, 6 Oct 2026 04:17:48 +0200
Subject: [PATCH] Improved mobile sign in

---
 app/pages/auth.vue        |  7 +++++++
 app/pages/auth/signin.vue | 11 +++++++++++
 2 files changed, 18 insertions(+)

diff --git a/app/pages/auth.vue b/app/pages/auth.vue
index 6211978..7eb0993 100644
--- a/app/pages/auth.vue
+++ b/app/pages/auth.vue
@@ -30,4 +30,11 @@ useHead({ title: "Sign In" })
 	width: 40%;
 	max-width: 450px;
 }
+
+@media (max-width: 600px) {
+	.card {
+		box-sizing: border-box;
+		width: calc(100% - 2rem);
+	}
+}
 </style>
diff --git a/app/pages/auth/signin.vue b/app/pages/auth/signin.vue
index b5f6a45..970674d 100644
--- a/app/pages/auth/signin.vue
+++ b/app/pages/auth/signin.vue
@@ -58,4 +58,15 @@ h1 {
 	flex-direction: column;
 	gap: 0.8rem;
 }
+
+@media (max-width: 480px) {
+	h1 {
+		@include fontSize(22px);
+		margin-bottom: 0.65em;
+	}
+
+	.form {
+		gap: 0.75rem;
+	}
+}
 </style>