From 86585f3d6ae362930b673845bf5647230052bcd2 Mon Sep 17 00:00:00 2001
From: Andrey Smakotin <slamfromm@gmail.com>
Date: Mon, 1 Dec 2025 23:54:23 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A0=D0=B5=D0=B4=D0=B8=D0=B7=D0=B0=D0=B9?=
 =?UTF-8?q?=D0=BD=20=D0=B3=D0=BB=D0=B0=D0=B2=D0=BD=D0=BE=D0=B9=20=D1=81?=
 =?UTF-8?q?=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D1=8B=20=D0=B2=D1=85=D0=BE?=
 =?UTF-8?q?=D0=B4=D0=B0:=20=D1=81=D0=BE=D0=B2=D1=80=D0=B5=D0=BC=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=BD=D0=B0=D1=8F=20=D0=BA=D0=B0=D1=80=D1=82=D0=BE=D1=87?=
 =?UTF-8?q?=D0=BA=D0=B0=20=D1=81=20=D1=82=D0=B5=D0=BD=D1=8C=D1=8E=20=D0=B8?=
 =?UTF-8?q?=20=D1=86=D0=B5=D0=BD=D1=82=D1=80=D0=B8=D1=80=D0=BE=D0=B2=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=B8=D0=B5=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 myproject/templates/index.html | 72 ++++++++++++++++++----------------
 1 file changed, 38 insertions(+), 34 deletions(-)

diff --git a/myproject/templates/index.html b/myproject/templates/index.html
index 02b79c2..e10fa6c 100644
--- a/myproject/templates/index.html
+++ b/myproject/templates/index.html
@@ -3,41 +3,46 @@
 {% block title %}Вход{% endblock %}
 
 {% block content %}
-<!-- Контейнер для сообщений об ошибках - фиксированное место -->
-<!-- ВАЖНО: На главной странице (регистрация/вход) показываем только ошибки -->
-<div id="messages-container" style="min-height: 60px;">
-    {% if messages %}
-        {% for message in messages %}
-            {% if 'danger' in message.tags or 'error' in message.tags %}
-                <div class="alert alert-danger alert-dismissible fade show" role="alert">
-                    {{ message }}
-                    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
-                </div>
+<div class="container d-flex align-items-center justify-content-center" style="min-height: 70vh;">
+    <div class="card shadow-sm" style="max-width: 420px; width: 100%;">
+        <div class="card-body p-4">
+            <!-- Заголовок -->
+            <div class="text-center mb-4">
+                <h3 class="fw-bold mb-2">Добро пожаловать</h3>
+                <p class="text-muted mb-0">Войдите в систему</p>
+            </div>
+
+            <!-- Сообщения об ошибках -->
+            {% if messages %}
+                {% for message in messages %}
+                    {% if 'danger' in message.tags or 'error' in message.tags %}
+                        <div class="alert alert-danger alert-dismissible fade show" role="alert">
+                            {{ message }}
+                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
+                        </div>
+                    {% endif %}
+                {% endfor %}
             {% endif %}
-        {% endfor %}
-    {% endif %}
-</div>
 
-<h2 class="text-center mb-4">Добро пожаловать</h2>
-
-<!-- Содержимое вкладок -->
-<div class="tab-content">
-    <!-- Вкладка входа -->
-    <div class="tab-pane fade show active" id="login">
-        <form method="post">
-            {% csrf_token %}
-            <div class="mb-3">
-                <label for="email" class="form-label">Email</label>
-                <input type="email" class="form-control" id="email" name="email" required>
-            </div>
-            {% include 'accounts/password_input.html' with field_name='password' field_label='Пароль' required=True %}
-            <button type="submit" class="btn btn-primary w-100">Войти</button>
-            
-            <!-- Ссылка "Забыли пароль?" -->
-            <div class="text-center mt-3">
-                <a href="#" class="text-decoration-none" data-bs-toggle="modal" data-bs-target="#passwordResetModal">Забыли пароль?</a>
-            </div>
-        </form>
+            <!-- Форма входа -->
+            <form method="post">
+                {% csrf_token %}
+                <div class="mb-3">
+                    <label for="email" class="form-label">Email</label>
+                    <input type="email" class="form-control" id="email" name="email" required autofocus>
+                </div>
+                {% include 'accounts/password_input.html' with field_name='password' field_label='Пароль' required=True %}
+                
+                <button type="submit" class="btn btn-primary w-100 py-2 mb-3">Войти</button>
+                
+                <!-- Ссылка "Забыли пароль?" -->
+                <div class="text-center">
+                    <a href="#" class="text-decoration-none text-muted" data-bs-toggle="modal" data-bs-target="#passwordResetModal">
+                        <small>Забыли пароль?</small>
+                    </a>
+                </div>
+            </form>
+        </div>
     </div>
 </div>
 
@@ -68,7 +73,6 @@
 </div>
 
 <script>
-// Управление вкладками
 document.addEventListener('DOMContentLoaded', function() {
     // Добавляем обработчик для показа/скрытия пароля
     document.querySelectorAll('.show-password-btn').forEach(button => {