From cf5dee8657e22271906db37f7c8ef3d95c3717eb Mon Sep 17 00:00:00 2001
From: Andrey Smakotin <slamfromm@gmail.com>
Date: Thu, 11 Dec 2025 00:44:25 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=B5=D1=80=D0=B5=D0=BA=D0=BB=D1=8E?=
 =?UTF-8?q?=D1=87=D0=B0=D1=82=D0=B5=D0=BB=D1=8C=20=D0=B2=D0=B8=D0=B4=D0=B0?=
 =?UTF-8?q?=20=D0=BF=D0=B5=D1=80=D0=B5=D0=BD=D0=B5=D1=81=D1=91=D0=BD=20?=
 =?UTF-8?q?=D0=B2=20=D1=81=D1=82=D1=80=D0=BE=D0=BA=D1=83=20=D1=81=20=D1=84?=
 =?UTF-8?q?=D0=B8=D0=BB=D1=8C=D1=82=D1=80=D0=B0=D0=BC=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Строка поиска теперь отдельно на всю ширину (input-group)
- Переключатель вида (карточки/список) перенесён к фильтрам
- Переключатель прижат справа (ms-auto) рядом с чекбоксом
- Размер кнопок переключателя - btn-sm для компактности
- Чекбокс больше не прижат к краю (убран ms-auto)
- Более логичная группировка элементов
---
 .../components/product_search_picker.html     | 57 +++++++++----------
 1 file changed, 27 insertions(+), 30 deletions(-)

diff --git a/myproject/products/templates/products/components/product_search_picker.html b/myproject/products/templates/products/components/product_search_picker.html
index 1d5edaa..a1222e5 100644
--- a/myproject/products/templates/products/components/product_search_picker.html
+++ b/myproject/products/templates/products/components/product_search_picker.html
@@ -48,35 +48,18 @@ ProductSearchPicker.init('#writeoff-products', {
     <div class="card shadow-sm">
         <!-- Строка поиска -->
         <div class="card-header bg-white py-3">
-            <div class="d-flex gap-2 align-items-center flex-wrap">
-                <!-- Поиск - большой и заметный -->
-                <div class="input-group flex-grow-1">
-                    <span class="input-group-text bg-light border-end-0">
-                        <i class="bi bi-search text-primary"></i>
-                    </span>
-                    <input type="text"
-                           class="form-control form-control-lg border-start-0 product-picker-search"
-                           placeholder="{{ title|default:'Поиск товара по названию, артикулу...' }}"
-                           style="box-shadow: none;">
-                    <button class="btn btn-outline-secondary product-picker-search-clear"
-                            type="button" style="display: none;">
-                        <i class="bi bi-x-lg"></i>
-                    </button>
-                </div>
-
-                {% if show_view_toggle|default:True %}
-                <!-- Переключатель вида -->
-                <div class="btn-group">
-                    <button class="btn btn-outline-secondary product-picker-view"
-                            data-view="grid" title="Карточки">
-                        <i class="bi bi-grid-3x3-gap"></i>
-                    </button>
-                    <button class="btn btn-outline-secondary product-picker-view"
-                            data-view="list" title="Список">
-                        <i class="bi bi-list-ul"></i>
-                    </button>
-                </div>
-                {% endif %}
+            <div class="input-group">
+                <span class="input-group-text bg-light border-end-0">
+                    <i class="bi bi-search text-primary"></i>
+                </span>
+                <input type="text"
+                       class="form-control form-control-lg border-start-0 product-picker-search"
+                       placeholder="{{ title|default:'Поиск товара по названию, артикулу...' }}"
+                       style="box-shadow: none;">
+                <button class="btn btn-outline-secondary product-picker-search-clear"
+                        type="button" style="display: none;">
+                    <i class="bi bi-x-lg"></i>
+                </button>
             </div>
         </div>
 
@@ -105,7 +88,7 @@ ProductSearchPicker.init('#writeoff-products', {
                 {% endif %}
 
                 <!-- Фильтр по наличию -->
-                <div class="form-check form-switch ms-auto">
+                <div class="form-check form-switch">
                     <input class="form-check-input product-picker-in-stock"
                            type="checkbox"
                            id="{{ container_id|default:'product-search-picker' }}-in-stock"
@@ -115,6 +98,20 @@ ProductSearchPicker.init('#writeoff-products', {
                         Только в наличии
                     </label>
                 </div>
+
+                {% if show_view_toggle|default:True %}
+                <!-- Переключатель вида -->
+                <div class="btn-group ms-auto">
+                    <button class="btn btn-outline-secondary btn-sm product-picker-view"
+                            data-view="grid" title="Карточки">
+                        <i class="bi bi-grid-3x3-gap"></i>
+                    </button>
+                    <button class="btn btn-outline-secondary btn-sm product-picker-view"
+                            data-view="list" title="Список">
+                        <i class="bi bi-list-ul"></i>
+                    </button>
+                </div>
+                {% endif %}
             </div>
         </div>
         {% endif %}