Update login.html

login.html

@@ -151,6 +151,7 @@
             cursor: pointer;
             transition: all 0.3s ease;
             margin-top: 10px;
+            position: relative;
         }
 
         button:disabled {
@@ -189,6 +190,8 @@
             border-radius: 8px;
             text-align: center;
             display: none;
+            font-size: 14px;
+            line-height: 1.5;
         }
 
         .message.show {
@@ -209,19 +212,21 @@
         }
 
         .loading-spinner {
-            display: inline-block;
+            display: none;
             width: 20px;
             height: 20px;
             border: 3px solid rgba(255, 255, 255, 0.3);
             border-radius: 50%;
-            border-top-color: #fff;
+            border-top-color: #000;
             animation: spin 1s ease-in-out infinite;
-            margin-left: 10px;
-            vertical-align: middle;
+            position: absolute;
+            right: 20px;
+            top: 50%;
+            transform: translateY(-50%);
         }
 
         @keyframes spin {
-            to { transform: rotate(360deg); }
+            to { transform: translateY(-50%) rotate(360deg); }
         }
 
         @keyframes fadeIn {
@@ -272,9 +277,9 @@
                         <input type="password" id="loginPassword" required placeholder="أدخل كلمة المرور">
                     </div>
 
-                    <button type="submit" id="loginButton">
+                    <button type="submit">
                         تسجيل الدخول
-                        <span class="loading-spinner" style="display: none;"></span>
+                        <span class="loading-spinner"></span>
                     </button>
                     <div id="loginMessage" class="message"></div>
                 </form>
@@ -320,9 +325,9 @@
                         <input type="password" id="registerPassword" required placeholder="8 أحرف على الأقل" minlength="8">
                     </div>
 
-                    <button type="submit" id="registerButton">
+                    <button type="submit">
                         إنشاء الحساب
-                        <span class="loading-spinner" style="display: none;"></span>
+                        <span class="loading-spinner"></span>
                     </button>
                     <div id="registerMessage" class="message"></div>
                 </form>
@@ -343,7 +348,7 @@
         document.addEventListener('DOMContentLoaded', function() {
             const token = localStorage.getItem('userToken');
             if (token) {
-                window.location.href = '/dashboard'; // توجيه المستخدم للوحة التحكم إذا كان مسجل دخول
+                window.location.href = '/dashboard';
             }
         });
 
@@ -372,9 +377,8 @@
             const spinner = button.querySelector('.loading-spinner');
             
             button.disabled = isLoading;
-            spinner.style.display = isLoading ? 'inline-block' : 'none';
+            spinner.style.display = isLoading ? 'block' : 'none';
             
-            // تعطيل جميع المدخلات أثناء التحميل
             form.querySelectorAll('input, select').forEach(input => {
                 input.disabled = isLoading;
             });