From bac6650301613ffd13dd02d43d052357dc5e901d Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Tue, 29 Apr 2025 21:42:18 +0300
Subject: [PATCH] M: Improve searchbar hitboxes

---
 rsconcept/frontend/src/components/input/search-bar.tsx          | 2 +-
 .../src/features/library/pages/library-page/toolbar-search.tsx  | 2 +-
 .../rsform/pages/rsform-page/editor-rslist/editor-rslist.tsx    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/rsconcept/frontend/src/components/input/search-bar.tsx b/rsconcept/frontend/src/components/input/search-bar.tsx
index 16a2e9ba..7a164b7b 100644
--- a/rsconcept/frontend/src/components/input/search-bar.tsx
+++ b/rsconcept/frontend/src/components/input/search-bar.tsx
@@ -47,7 +47,7 @@ export function SearchBar({
         id={id}
         type='search'
         className={clsx(
-          'min-w-0 py-2',
+          'min-w-0 py-2 w-full pr-2',
           'leading-tight truncate hover:text-clip',
           'bg-transparent',
           !noIcon && 'pl-8',
diff --git a/rsconcept/frontend/src/features/library/pages/library-page/toolbar-search.tsx b/rsconcept/frontend/src/features/library/pages/library-page/toolbar-search.tsx
index 31f1bb36..99c04b64 100644
--- a/rsconcept/frontend/src/features/library/pages/library-page/toolbar-search.tsx
+++ b/rsconcept/frontend/src/features/library/pages/library-page/toolbar-search.tsx
@@ -128,7 +128,7 @@ export function ToolbarSearch({ className, total, filtered }: ToolbarSearchProps
         />
       </div>
 
-      <div className='flex h-full grow pr-4'>
+      <div className='flex h-full grow pr-4 sm:pr-12'>
         <SearchBar
           id='library_search'
           placeholder='Поиск'
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rslist/editor-rslist.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rslist/editor-rslist.tsx
index c1f8d467..01726f10 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rslist/editor-rslist.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-rslist/editor-rslist.tsx
@@ -138,7 +138,7 @@ export function EditorRSList() {
           <SearchBar
             id='constituents_search'
             noBorder
-            className='w-32'
+            className='max-w-50'
             query={filterText}
             onChangeQuery={setFilterText}
           />