From efb96f950e24d65be0e682c7cfdc32190e89eead Mon Sep 17 00:00:00 2001
From: glenneth <glennt40@gmail.com>
Date: Mon, 6 Oct 2025 23:51:32 -0400
Subject: [PATCH] Fix auth form styling: wider forms (600px) and hidden message
 boxes

- Increased auth-form max-width from 400px to 600px to match site styling
- Reduced form-group margin-bottom from 3rem to 1.5rem for better spacing
- Added display:none to error/success message boxes by default
- Message boxes now only show when server sets display-error/display-success
---
 static/asteroid.css     | 4 ++--
 static/asteroid.lass    | 4 ++--
 template/login.chtml    | 2 +-
 template/register.chtml | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/static/asteroid.css b/static/asteroid.css
index 8a0f257..1e897b5 100644
--- a/static/asteroid.css
+++ b/static/asteroid.css
@@ -569,7 +569,7 @@ body .auth-form{
     border-radius: 8px;
     padding: 2rem;
     width: 100%;
-    max-width: 400px;
+    max-width: 600px;
     -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
     -o-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
     -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
@@ -591,7 +591,7 @@ body .auth-form h3{
 }
 
 body .form-group{
-    margin-bottom: 3rem;
+    margin-bottom: 1.5rem;
 }
 
 body .form-group label{
diff --git a/static/asteroid.lass b/static/asteroid.lass
index d49bee8..c60f6db 100644
--- a/static/asteroid.lass
+++ b/static/asteroid.lass
@@ -455,7 +455,7 @@
      :border-radius 8px
      :padding 2rem
      :width "100%"
-     :max-width 400px
+     :max-width 600px
      :box-shadow "0 4px 6px rgba(0, 0, 0, 0.3)"
     
      (h2 :color "#00ffff"
@@ -468,7 +468,7 @@
          :font-size 1.2rem))
 
     (.form-group
-     :margin-bottom 3rem
+     :margin-bottom 1.5rem
     
      (label :display block
             :color "#ccc"
diff --git a/template/login.chtml b/template/login.chtml
index 086246e..e20f416 100644
--- a/template/login.chtml
+++ b/template/login.chtml
@@ -12,7 +12,7 @@
     <div class="auth-container">
       <div class="auth-form">
         <h2>System Access</h2>
-        <div class="message error" data-attr="style" data-attr-value="display-error">
+        <div class="message error" data-attr="style" data-attr-value="display-error" style="display: none;">
           <span data-text="error-message">Invalid username or password</span>
         </div>
         <form method="post" action="/asteroid/login">
diff --git a/template/register.chtml b/template/register.chtml
index a125286..7e0c5cf 100644
--- a/template/register.chtml
+++ b/template/register.chtml
@@ -17,10 +17,10 @@
     <div class="auth-container">
       <div class="auth-form">
         <h2>Create Account</h2>
-        <div class="message error" data-attr="style" data-attr-value="display-error">
+        <div class="message error" data-attr="style" data-attr-value="display-error" style="display: none;">
           <span data-text="error-message">Registration failed</span>
         </div>
-        <div class="message success" data-attr="style" data-attr-value="display-success">
+        <div class="message success" data-attr="style" data-attr-value="display-success" style="display: none;">
           <span data-text="success-message">Registration successful!</span>
         </div>
         <form method="post" action="/asteroid/register">