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

- Убран заголовок блока
- Строка поиска теперь большая (form-control-lg) и занимает всю ширину
- Добавлена иконка поиска слева от input
- Заголовок перенесен в placeholder строки поиска
- Переключатель вида теперь стандартного размера (не sm)
- Более чистый и современный UI
---
 .../components/product_search_picker.html     | 25 +++++++++----------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/myproject/products/templates/products/components/product_search_picker.html b/myproject/products/templates/products/components/product_search_picker.html
index 7079542..b386409 100644
--- a/myproject/products/templates/products/components/product_search_picker.html
+++ b/myproject/products/templates/products/components/product_search_picker.html
@@ -46,20 +46,19 @@ ProductSearchPicker.init('#writeoff-products', {
      {% if warehouse_id %}data-warehouse-id="{{ warehouse_id }}"{% endif %}>
 
     <div class="card shadow-sm">
-        <!-- Заголовок -->
-        <div class="card-header bg-white py-2 d-flex justify-content-between align-items-center flex-wrap gap-2">
-            <strong>
-                <i class="bi bi-box-seam text-primary"></i>
-                {{ title|default:'Выбор товара' }}
-            </strong>
-
+        <!-- Строка поиска -->
+        <div class="card-header bg-white py-3">
             <div class="d-flex gap-2 align-items-center flex-wrap">
-                <!-- Поиск -->
-                <div class="input-group" style="width: 250px;">
+                <!-- Поиск - большой и заметный -->
+                <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-sm product-picker-search"
-                           placeholder="Поиск по названию, артикулу...">
-                    <button class="btn btn-outline-secondary btn-sm product-picker-search-clear"
+                           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>
@@ -67,7 +66,7 @@ ProductSearchPicker.init('#writeoff-products', {
 
                 {% if show_view_toggle|default:True %}
                 <!-- Переключатель вида -->
-                <div class="btn-group btn-group-sm">
+                <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>