From bb697616c0655ee31f2def152d1c30de349f01e3 Mon Sep 17 00:00:00 2001
From: jelveh <nj@puter.com>
Date: Fri, 12 Dec 2025 13:28:18 -0800
Subject: [PATCH] Refine signup form spacing and title styling

---
 src/gui/src/UI/UIWindowSignup.js | 14 +++++++-------
 src/gui/src/css/style.css        |  6 +++---
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/gui/src/UI/UIWindowSignup.js b/src/gui/src/UI/UIWindowSignup.js
index d69d60ab..2e36b14c 100644
--- a/src/gui/src/UI/UIWindowSignup.js
+++ b/src/gui/src/UI/UIWindowSignup.js
@@ -35,7 +35,7 @@ function UIWindowSignup (options) {
         let h = '';
         h += '<div style="margin: 0 auto; max-width: 500px; min-width: 400px;">';
         // logo
-        h += `<img src="${window.icons['logo-white.svg']}" style="width: 40px; height: 40px; margin: 0 auto; display: block; padding: 15px; background-color: blue; border-radius: 5px;">`;
+        h += `<img src="${window.icons['logo-white.svg']}" style="width: 40px; height: 40px; margin: 0 auto; display: block; padding: 10px; background-color: blue; border-radius: 5px;">`;
         // close button
         if ( !options.has_head && options.show_close_button !== false )
         {
@@ -43,7 +43,7 @@ function UIWindowSignup (options) {
         }
 
         // Form
-        h += '<div style="padding: 20px; border-bottom: 1px solid #ced7e1;">';
+        h += '<div style="padding: 15px;">';
         
         // title
         h += `<h1 class="signup-form-title">${i18n('create_free_account')}</h1>`;
@@ -57,12 +57,12 @@ function UIWindowSignup (options) {
         h += `<input id="username-${internal_id}" value="${html_encode(options.username ?? '')}" class="username" type="text" autocomplete="username" spellcheck="false" autocorrect="off" autocapitalize="off" data-gramm_editor="false"/>`;
         h += '</div>';
         // email
-        h += '<div style="overflow: hidden; margin-top: 20px;">';
+        h += '<div style="overflow: hidden; margin-top: 10px;">';
         h += `<label for="email-${internal_id}">${i18n('email')}</label>`;
         h += `<input id="email-${internal_id}" value="${html_encode(options.email ?? '')}" class="email" type="email" autocomplete="email" spellcheck="false" autocorrect="off" autocapitalize="off" data-gramm_editor="false"/>`;
         h += '</div>';
         // password
-        h += '<div style="overflow: hidden; margin-top: 20px; margin-bottom: 20px; position: relative;">';
+        h += '<div style="overflow: hidden; margin-top: 10px; position: relative;">';
         h += `<label for="password-${internal_id}">${i18n('password')}</label>`;
         h += `<input id="password-${internal_id}" class="password" type="${options.show_password ? 'text' : 'password'}" name="password" autocomplete="new-password" />`;
         // show/hide icon
@@ -71,7 +71,7 @@ function UIWindowSignup (options) {
                               </span>`;
         h += '</div>';
         // confirm password
-        h += '<div style="overflow: hidden; margin-top: 20px; margin-bottom: 20px; position: relative">';
+        h += '<div style="overflow: hidden; margin-top: 10px; margin-bottom: 10px; position: relative">';
         h += `<label for="confirm-password-${internal_id}">${i18n('signup_confirm_password')}</label>`;
         h += `<input id="confirm-password-${internal_id}" class="confirm-password" type="${options.show_password ? 'text' : 'password'}" name="confirm-password" autocomplete="new-password" />`;
         // show/hide icon
@@ -99,7 +99,7 @@ function UIWindowSignup (options) {
         h += '</div>';
         // login link
         // create account link
-        h += '<div class="c2a-wrapper" style="padding:20px;">';
+        h += '<div class="c2a-wrapper" style="padding:15px;">';
         h += `<button class="login-c2a-clickable">${i18n('log_in')}</button>`;
         h += '</div>';
         h += '</div>';
@@ -168,7 +168,7 @@ function UIWindowSignup (options) {
                 'flex-direction': 'column',
                 'justify-content': 'center',
                 'align-items': 'center',
-                padding: '30px 10px 10px 10px',
+                padding: '20px 10px 10px 10px',
             },
             // Add custom CSS for CAPTCHA states
             custom_css: `
diff --git a/src/gui/src/css/style.css b/src/gui/src/css/style.css
index 1c68d787..b2e90b16 100644
--- a/src/gui/src/css/style.css
+++ b/src/gui/src/css/style.css
@@ -2006,10 +2006,10 @@ label {
     text-align: center;
     margin-top: 0;
     padding-bottom: 15px;
-    font-size: 23px;
-    font-weight: 400;
+    font-size: 21px;
+    font-weight: 500;
     margin-bottom: 10px;
-    color: #657489;
+    color: #000000;
     text-shadow: 1px 1px #ffffff1c;
 }