From 5cbefaca17a273d15c4ab7da4a321342e99cbe99 Mon Sep 17 00:00:00 2001
From: Henry-Hiles <henry@henryhiles.com>
Date: Tue, 25 Nov 2025 12:35:10 -0500
Subject: [PATCH] Fix error messages

---
 src/pages/fr-fr/login.astro | 4 ++--
 src/pages/login.astro       | 4 ++--
 src/pages/ru-ru/login.astro | 8 +++-----
 src/pages/uk-ua/login.astro | 4 ++--
 src/styles/page.css         | 2 +-
 5 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/pages/fr-fr/login.astro b/src/pages/fr-fr/login.astro
index 93aa9af..1be788b 100644
--- a/src/pages/fr-fr/login.astro
+++ b/src/pages/fr-fr/login.astro
@@ -22,10 +22,10 @@ import "../../styles/page.css"
             <input type="password" />
         </label>
 
-        <noscript id="error">
+        <noscript class="error">
             Ce formulaire ne fonctionnera pas sans JavaScript.
         </noscript>
-        <span id="error"> </span>
+        <span id="error" class="error"> </span>
         <button type="submit"><span>Envoyer</span></button>
 
         <a href="/register"
diff --git a/src/pages/login.astro b/src/pages/login.astro
index fb1be94..427fc46 100644
--- a/src/pages/login.astro
+++ b/src/pages/login.astro
@@ -22,10 +22,10 @@ import "../styles/page.css"
             <input type="password" />
         </label>
 
-        <noscript id="error">
+        <noscript class="error">
             This form will not function without JavaScript.
         </noscript>
-        <span id="error"> </span>
+        <span id="error" class="error"> </span>
         <button type="submit"><span>Submit</span></button>
 
         <a href="/register">Don't have an account? Sign up now!</a>
diff --git a/src/pages/ru-ru/login.astro b/src/pages/ru-ru/login.astro
index 76d5a52..d7105d8 100644
--- a/src/pages/ru-ru/login.astro
+++ b/src/pages/ru-ru/login.astro
@@ -22,15 +22,13 @@ import "../../styles/page.css"
             <input type="password" />
         </label>
 
-        <noscript id="error">
+        <noscript class="error">
             Эта форма не будет работать без JavaScript.
         </noscript>
-        <span id="error"> </span>
+        <span id="error" class="error"> </span>
         <button type="submit"><span>Отправить</span></button>
 
-        <a href="/register"
-            >У вас ещё нет учётной записи? Зарегистрируйтесь!</a
-        >
+        <a href="/register">У вас ещё нет учётной записи? Зарегистрируйтесь!</a>
     </form>
 </StarlightPage>
 
diff --git a/src/pages/uk-ua/login.astro b/src/pages/uk-ua/login.astro
index 1582b16..c8ff62a 100644
--- a/src/pages/uk-ua/login.astro
+++ b/src/pages/uk-ua/login.astro
@@ -22,10 +22,10 @@ import "../../styles/page.css"
             <input type="password" />
         </label>
 
-        <noscript id="error">
+        <noscript class="error">
             Ця форма не буде працювати без JavaScript.
         </noscript>
-        <span id="error"> </span>
+        <span id="error" class="error"> </span>
         <button type="submit"><span>Надіслати</span></button>
 
         <a href="/register">Не маєте облікового запису? Зареєструйтесь зараз!</a
diff --git a/src/styles/page.css b/src/styles/page.css
index edffd6a..5a5aa93 100644
--- a/src/styles/page.css
+++ b/src/styles/page.css
@@ -36,7 +36,7 @@ body {
             padding: 1rem 1.25rem;
         }
 
-        & #error {
+        & .error {
             margin-top: 1rem;
             color: var(--sl-color-red);
         }