From f587af20d019ca52cc126f64d908c00366577fba Mon Sep 17 00:00:00 2001
From: hyzen <hyzen@disroot.org>
Date: Wed, 10 Jun 2026 16:33:44 +0530
Subject: [PATCH] Fix: login/signup scroll-linked positioning and line gaps

---
 docs/css/custom.css   | 16 ++++++++++------
 static/css/custom.css | 16 ++++++++++------
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/docs/css/custom.css b/docs/css/custom.css
index 66568ce..ce302d9 100644
--- a/docs/css/custom.css
+++ b/docs/css/custom.css
@@ -1083,30 +1083,34 @@
 }
 
 .auth-page__title {
-	margin-bottom: 1.5rem;
+	margin-top: 0;
+	margin-bottom: 0.6rem;
 }
 
 .auth-card {
 	border: 1px solid var(--background-color1, #ccc);
 	border-radius: 10px;
-	padding: 2rem 1.75rem;
+	padding: 1.25rem 1.75rem 2rem;
 	background: var(--background-color);
 }
 
-/* Message banner — always reserves space so the form never shifts */
+/* Message banner — fixed height always reserved so the form never shifts */
 .auth-message {
 	border-radius: 6px;
-	padding: 0.65rem 0.9rem;
 	font-size: 0.88rem;
-	margin-bottom: 0.5rem;
 	line-height: 1.4;
-	height: 2.8rem;
+	height: 2.6rem;
+	margin-bottom: 0.4rem;
 	box-sizing: border-box;
 	border: 1px solid transparent;
+	background: transparent;
 	opacity: 0;
 	pointer-events: none;
 	transition: opacity 0.15s ease;
 	overflow: hidden;
+	display: flex;
+	align-items: center;
+	padding: 0 0.9rem;
 }
 
 .auth-message.is-visible {
diff --git a/static/css/custom.css b/static/css/custom.css
index 66568ce..ce302d9 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -1083,30 +1083,34 @@
 }
 
 .auth-page__title {
-	margin-bottom: 1.5rem;
+	margin-top: 0;
+	margin-bottom: 0.6rem;
 }
 
 .auth-card {
 	border: 1px solid var(--background-color1, #ccc);
 	border-radius: 10px;
-	padding: 2rem 1.75rem;
+	padding: 1.25rem 1.75rem 2rem;
 	background: var(--background-color);
 }
 
-/* Message banner — always reserves space so the form never shifts */
+/* Message banner — fixed height always reserved so the form never shifts */
 .auth-message {
 	border-radius: 6px;
-	padding: 0.65rem 0.9rem;
 	font-size: 0.88rem;
-	margin-bottom: 0.5rem;
 	line-height: 1.4;
-	height: 2.8rem;
+	height: 2.6rem;
+	margin-bottom: 0.4rem;
 	box-sizing: border-box;
 	border: 1px solid transparent;
+	background: transparent;
 	opacity: 0;
 	pointer-events: none;
 	transition: opacity 0.15s ease;
 	overflow: hidden;
+	display: flex;
+	align-items: center;
+	padding: 0 0.9rem;
 }
 
 .auth-message.is-visible {