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

- Фильтры теперь в одну строку с flexbox
- Убраны обёртки col-auto, используется d-flex gap-2
- Селекты с width: auto для компактности
- Чекбокс 'Только в наличии' прижат к правому краю (ms-auto)
- Более компактный и чистый UI
- Убран класс product-picker-filters и удалён комментарий про счётчик
---
 .../components/product_search_picker.html     | 54 ++++++++-----------
 1 file changed, 23 insertions(+), 31 deletions(-)

diff --git a/myproject/products/templates/products/components/product_search_picker.html b/myproject/products/templates/products/components/product_search_picker.html
index b386409..1d5edaa 100644
--- a/myproject/products/templates/products/components/product_search_picker.html
+++ b/myproject/products/templates/products/components/product_search_picker.html
@@ -82,47 +82,39 @@ ProductSearchPicker.init('#writeoff-products', {
 
         {% if show_filters|default:True %}
         <!-- Фильтры -->
-        <div class="card-body border-bottom py-2 product-picker-filters">
-            <div class="row g-2 align-items-center">
+        <div class="card-body border-bottom py-2">
+            <div class="d-flex gap-2 align-items-center flex-wrap">
                 {% if categories %}
                 <!-- Фильтр по категории -->
-                <div class="col-auto">
-                    <select class="form-select form-select-sm product-picker-category">
-                        <option value="">Все категории</option>
-                        {% for cat in categories %}
-                        <option value="{{ cat.id }}">{{ cat.name }}</option>
-                        {% endfor %}
-                    </select>
-                </div>
+                <select class="form-select form-select-sm product-picker-category" style="width: auto;">
+                    <option value="">Все категории</option>
+                    {% for cat in categories %}
+                    <option value="{{ cat.id }}">{{ cat.name }}</option>
+                    {% endfor %}
+                </select>
                 {% endif %}
 
                 {% if tags %}
                 <!-- Фильтр по тегам -->
-                <div class="col-auto">
-                    <select class="form-select form-select-sm product-picker-tag">
-                        <option value="">Все теги</option>
-                        {% for tag in tags %}
-                        <option value="{{ tag.id }}">{{ tag.name }}</option>
-                        {% endfor %}
-                    </select>
-                </div>
+                <select class="form-select form-select-sm product-picker-tag" style="width: auto;">
+                    <option value="">Все теги</option>
+                    {% for tag in tags %}
+                    <option value="{{ tag.id }}">{{ tag.name }}</option>
+                    {% endfor %}
+                </select>
                 {% endif %}
 
                 <!-- Фильтр по наличию -->
-                <div class="col-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"
-                               {% if filter_in_stock_only|default:False %}checked{% endif %}>
-                        <label class="form-check-label small"
-                               for="{{ container_id|default:'product-search-picker' }}-in-stock">
-                            Только в наличии
-                        </label>
-                    </div>
+                <div class="form-check form-switch ms-auto">
+                    <input class="form-check-input product-picker-in-stock"
+                           type="checkbox"
+                           id="{{ container_id|default:'product-search-picker' }}-in-stock"
+                           {% if filter_in_stock_only|default:False %}checked{% endif %}>
+                    <label class="form-check-label small"
+                           for="{{ container_id|default:'product-search-picker' }}-in-stock">
+                        Только в наличии
+                    </label>
                 </div>
-
-                <!-- Счетчик выбранных - УБРАН в single-select режиме -->
             </div>
         </div>
         {% endif %}