From c04ea8993e6e8aa52277783f15a7825b560cbd91 Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Tue, 11 Mar 2025 14:42:27 +0300
Subject: [PATCH] M: Small layout fixes

---
 .../features/library/pages/CreateItemPage/FormCreateItem.tsx | 2 +-
 .../src/features/library/pages/LibraryPage/LibraryPage.tsx   | 2 +-
 .../features/library/pages/LibraryPage/TableLibraryItems.tsx | 2 +-
 .../src/features/library/pages/LibraryPage/ToolbarSearch.tsx | 5 +++--
 .../features/library/pages/LibraryPage/ViewSideLocation.tsx  | 3 +--
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/rsconcept/frontend/src/features/library/pages/CreateItemPage/FormCreateItem.tsx b/rsconcept/frontend/src/features/library/pages/CreateItemPage/FormCreateItem.tsx
index 7d878caa..72208feb 100644
--- a/rsconcept/frontend/src/features/library/pages/CreateItemPage/FormCreateItem.tsx
+++ b/rsconcept/frontend/src/features/library/pages/CreateItemPage/FormCreateItem.tsx
@@ -102,7 +102,7 @@ export function FormCreateItem() {
 
   return (
     <form
-      className='cc-fade-in cc-column min-w-120 max-w-120 mx-auto px-6 py-3'
+      className='cc-fade-in cc-column w-120 mx-auto px-6 py-3'
       onSubmit={event => void handleSubmit(onSubmit)(event)}
       onChange={resetErrors}
     >
diff --git a/rsconcept/frontend/src/features/library/pages/LibraryPage/LibraryPage.tsx b/rsconcept/frontend/src/features/library/pages/LibraryPage/LibraryPage.tsx
index 8990fc39..c71842bf 100644
--- a/rsconcept/frontend/src/features/library/pages/LibraryPage/LibraryPage.tsx
+++ b/rsconcept/frontend/src/features/library/pages/LibraryPage/LibraryPage.tsx
@@ -53,7 +53,7 @@ export function LibraryPage() {
 
   return (
     <>
-      <ToolbarSearch total={libraryItems.length} filtered={filtered.length} />
+      <ToolbarSearch className='sticky top-0 h-9' total={libraryItems.length} filtered={filtered.length} />
       <div className='relative cc-fade-in flex'>
         <MiniButton
           className='absolute z-tooltip top-1 right-0 cc-animate-position'
diff --git a/rsconcept/frontend/src/features/library/pages/LibraryPage/TableLibraryItems.tsx b/rsconcept/frontend/src/features/library/pages/LibraryPage/TableLibraryItems.tsx
index 59afbb80..0f599a38 100644
--- a/rsconcept/frontend/src/features/library/pages/LibraryPage/TableLibraryItems.tsx
+++ b/rsconcept/frontend/src/features/library/pages/LibraryPage/TableLibraryItems.tsx
@@ -60,7 +60,7 @@ export function TableLibraryItems({ items }: TableLibraryItemsProps) {
       columns={columns}
       data={items}
       headPosition='0'
-      className={clsx('text-xs sm:text-sm cc-scroll-y h-fit border-b', { 'border-l': folderMode })}
+      className={clsx('cc-scroll-y h-fit text-xs sm:text-sm border-b', { 'border-l': folderMode })}
       style={{ maxHeight: tableHeight }}
       noDataComponent={
         <div className='cc-column dense p-3 items-center min-h-24'>
diff --git a/rsconcept/frontend/src/features/library/pages/LibraryPage/ToolbarSearch.tsx b/rsconcept/frontend/src/features/library/pages/LibraryPage/ToolbarSearch.tsx
index 21981284..d5a0a8e8 100644
--- a/rsconcept/frontend/src/features/library/pages/LibraryPage/ToolbarSearch.tsx
+++ b/rsconcept/frontend/src/features/library/pages/LibraryPage/ToolbarSearch.tsx
@@ -26,11 +26,12 @@ import { LocationHead } from '../../models/library';
 import { useHasCustomFilter, useLibrarySearchStore } from '../../stores/librarySearch';
 
 interface ToolbarSearchProps {
+  className?: string;
   total: number;
   filtered: number;
 }
 
-export function ToolbarSearch({ total, filtered }: ToolbarSearchProps) {
+export function ToolbarSearch({ className, total, filtered }: ToolbarSearchProps) {
   const headMenu = useDropdown();
   const userMenu = useDropdown();
 
@@ -75,7 +76,7 @@ export function ToolbarSearch({ total, filtered }: ToolbarSearchProps) {
   }
 
   return (
-    <div className='sticky top-0 h-9 flex gap-3 border-b text-sm clr-input items-center'>
+    <div className={clsx('flex gap-3 border-b text-sm clr-input items-center', className)}>
       <div className='ml-3 min-w-18 sm:min-w-30 select-none whitespace-nowrap'>
         {filtered} из {total}
       </div>
diff --git a/rsconcept/frontend/src/features/library/pages/LibraryPage/ViewSideLocation.tsx b/rsconcept/frontend/src/features/library/pages/LibraryPage/ViewSideLocation.tsx
index 1e06ff25..7127c721 100644
--- a/rsconcept/frontend/src/features/library/pages/LibraryPage/ViewSideLocation.tsx
+++ b/rsconcept/frontend/src/features/library/pages/LibraryPage/ViewSideLocation.tsx
@@ -1,5 +1,4 @@
 import { toast } from 'react-toastify';
-import clsx from 'clsx';
 
 import { useAuthSuspense } from '@/features/auth';
 import { HelpTopic } from '@/features/help';
@@ -63,7 +62,7 @@ export function ViewSideLocation({ isVisible, onRenameLocation }: ViewSideLocati
 
   return (
     <div
-      className={clsx('max-w-40 sm:max-w-60', 'flex flex-col', 'text:xs sm:text-sm', 'select-none')}
+      className='max-w-40 sm:max-w-60 flex flex-col text:xs sm:text-sm select-none'
       style={{
         transitionProperty: 'width, min-width, opacity',
         transitionDuration: `${PARAMETER.moveDuration}ms`,