From ea19abf1c9a92b5123fca5e962eb6990ee107423 Mon Sep 17 00:00:00 2001
From: Andrey Smakotin <slamfromm@gmail.com>
Date: Wed, 12 Nov 2025 16:18:22 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A3=D0=BB=D1=83=D1=87=D1=88=D0=B5=D0=BD?=
 =?UTF-8?q?=D0=B0=20=D1=81=D1=82=D1=80=D1=83=D0=BA=D1=82=D1=83=D1=80=D0=B0?=
 =?UTF-8?q?=20=D0=B8=20=D0=BC=D0=BE=D0=B1=D0=B8=D0=BB=D1=8C=D0=BD=D0=B0?=
 =?UTF-8?q?=D1=8F=20=D0=B0=D0=B4=D0=B0=D0=BF=D1=82=D0=B8=D0=B2=D0=BD=D0=BE?=
 =?UTF-8?q?=D1=81=D1=82=D1=8C=20=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86?=
 =?UTF-8?q?=D1=8B=20=D0=B7=D0=B0=D0=BA=D0=B0=D0=B7=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Кнопка создания заказа вынесена за пределы формы (правильная семантика)
- Добавлена адаптивная верстка для кнопок фильтров:
  * На мобильных: кнопки в колонку на всю ширину
  * На планшетах+: кнопки в строку
- Добавлен отступ для пагинации (mt-4)
- Колонка "Создан" скрыта на мобильных устройствах (d-none d-md-table-cell)
- Улучшено использование пространства на всех размерах экранов

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../orders/templates/orders/order_list.html   | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/myproject/orders/templates/orders/order_list.html b/myproject/orders/templates/orders/order_list.html
index e67d18a..4ea9b43 100644
--- a/myproject/orders/templates/orders/order_list.html
+++ b/myproject/orders/templates/orders/order_list.html
@@ -51,11 +51,11 @@
                     </div>
 
                     <!-- Кнопки -->
-                    <div class="col-md-3 d-flex align-items-end gap-2">
-                        <button type="submit" class="btn btn-primary">
+                    <div class="col-12 col-md-3 d-flex flex-column flex-md-row align-items-stretch align-items-md-end gap-2">
+                        <button type="submit" class="btn btn-primary flex-grow-1">
                             <i class="bi bi-check-circle"></i> Применить
                         </button>
-                        <a href="{% url 'orders:order-list' %}" class="btn btn-outline-secondary">
+                        <a href="{% url 'orders:order-list' %}" class="btn btn-outline-secondary flex-grow-1">
                             <i class="bi bi-x-circle"></i> Сбросить
                         </a>
                     </div>
@@ -67,16 +67,16 @@
                         {% include 'orders/components/date_range_filter.html' with field_after=filter.form.delivery_date_after field_before=filter.form.delivery_date_before label="Дата доставки/самовывоза" icon="truck" %}
                     </div>
                 </div>
-
-                <!-- Кнопка создания заказа -->
-                <div class="row mt-3">
-                    <div class="col-12">
-                        <a href="{% url 'orders:order-create' %}" class="btn btn-success w-100">
-                            <i class="bi bi-plus-circle"></i> Создать заказ
-                        </a>
-                    </div>
-                </div>
             </form>
+
+            <!-- Кнопка создания заказа (вне формы) -->
+            <div class="row mt-3">
+                <div class="col-12">
+                    <a href="{% url 'orders:order-create' %}" class="btn btn-success w-100">
+                        <i class="bi bi-plus-circle"></i> Создать заказ
+                    </a>
+                </div>
+            </div>
         </div>
     </div>
 </div> <!-- Закрываем контейнер из base.html -->
@@ -97,7 +97,7 @@
                             <th>Статус</th>
                             <th>Сумма</th>
                             <th>Оплата</th>
-                            <th>Создан</th>
+                            <th class="d-none d-md-table-cell">Создан</th>
                             <th>Действия</th>
                         </tr>
                     </thead>
@@ -156,7 +156,7 @@
                                     <span class="badge bg-danger">Не оплачен</span>
                                 {% endif %}
                             </td>
-                            <td>{{ order.created_at|date:"d.m.Y H:i" }}</td>
+                            <td class="d-none d-md-table-cell">{{ order.created_at|date:"d.m.Y H:i" }}</td>
                             <td>
                                 <a href="{% url 'orders:order-detail' order.pk %}"
                                    class="btn btn-sm btn-outline-primary"
@@ -177,7 +177,7 @@
 
             <!-- Пагинация -->
             {% if page_obj.has_other_pages %}
-            <nav aria-label="Навигация по страницам">
+            <nav aria-label="Навигация по страницам" class="mt-4">
                 <ul class="pagination justify-content-center">
                     {% if page_obj.has_previous %}
                     <li class="page-item">