Улучшена структура и мобильная адаптивность страницы заказов

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

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

Co-Authored-By: Claude <noreply@anthropic.com>

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">