From a46dfb65613fcfee8eaa3ed9d042d764691bbc39 Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Fri, 14 Mar 2025 21:06:55 +0300
Subject: [PATCH] M: Minor UI improvements

---
 rsconcept/frontend/src/app/navigation/navigation.tsx  |  2 +-
 .../frontend/src/app/navigation/toggle-navigation.tsx |  6 +++++-
 .../library/dialogs/dlg-clone-library-item.tsx        |  8 +++++++-
 .../pages/create-item-page/form-create-item.tsx       | 11 +++++++++--
 .../editor-constituenta/editor-constituenta.tsx       |  2 +-
 5 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/rsconcept/frontend/src/app/navigation/navigation.tsx b/rsconcept/frontend/src/app/navigation/navigation.tsx
index 64db5b84..036841e4 100644
--- a/rsconcept/frontend/src/app/navigation/navigation.tsx
+++ b/rsconcept/frontend/src/app/navigation/navigation.tsx
@@ -31,7 +31,7 @@ export function Navigation() {
       <ToggleNavigation />
       <div
         className={clsx(
-          'pl-2 pr-6 sm:pr-4 h-12 flex cc-shadow-border',
+          'pl-2 sm:pr-4 h-12 flex cc-shadow-border',
           'transition-[max-height,translate] ease-bezier duration-(--duration-move)',
           noNavigationAnimation ? '-translate-y-6 max-h-0' : 'max-h-12'
         )}
diff --git a/rsconcept/frontend/src/app/navigation/toggle-navigation.tsx b/rsconcept/frontend/src/app/navigation/toggle-navigation.tsx
index f0ba576d..c5c470fb 100644
--- a/rsconcept/frontend/src/app/navigation/toggle-navigation.tsx
+++ b/rsconcept/frontend/src/app/navigation/toggle-navigation.tsx
@@ -1,5 +1,7 @@
 'use client';
 
+import clsx from 'clsx';
+
 import { IconDarkTheme, IconLightTheme, IconPin, IconUnpin } from '@/components/icons';
 import { useAppLayoutStore } from '@/stores/app-layout';
 import { usePreferencesStore } from '@/stores/preferences';
@@ -11,7 +13,9 @@ export function ToggleNavigation() {
   const noNavigationAnimation = useAppLayoutStore(state => state.noNavigationAnimation);
   const toggleNoNavigation = useAppLayoutStore(state => state.toggleNoNavigation);
   return (
-    <div className='absolute top-0 right-0 z-navigation h-12 grid'>
+    <div
+      className={clsx('absolute top-0 right-0 z-navigation h-12', noNavigationAnimation ? 'grid' : 'hidden sm:grid')}
+    >
       <button
         tabIndex={-1}
         type='button'
diff --git a/rsconcept/frontend/src/features/library/dialogs/dlg-clone-library-item.tsx b/rsconcept/frontend/src/features/library/dialogs/dlg-clone-library-item.tsx
index 97c6e60b..0301e077 100644
--- a/rsconcept/frontend/src/features/library/dialogs/dlg-clone-library-item.tsx
+++ b/rsconcept/frontend/src/features/library/dialogs/dlg-clone-library-item.tsx
@@ -108,7 +108,13 @@ export function DlgCloneLibraryItem() {
         control={control}
         name='location'
         render={({ field }) => (
-          <PickLocation value={field.value} rows={2} onChange={field.onChange} error={errors.location} />
+          <PickLocation
+            value={field.value} //
+            rows={2}
+            onChange={field.onChange}
+            className={!!errors.location ? '-mb-6' : undefined}
+            error={errors.location}
+          />
         )}
       />
 
diff --git a/rsconcept/frontend/src/features/library/pages/create-item-page/form-create-item.tsx b/rsconcept/frontend/src/features/library/pages/create-item-page/form-create-item.tsx
index 24521a1c..c171528d 100644
--- a/rsconcept/frontend/src/features/library/pages/create-item-page/form-create-item.tsx
+++ b/rsconcept/frontend/src/features/library/pages/create-item-page/form-create-item.tsx
@@ -48,7 +48,8 @@ export function FormCreateItem() {
       visible: true,
       read_only: false,
       location: !!searchLocation ? searchLocation : LocationHead.USER
-    }
+    },
+    mode: 'onChange'
   });
   const itemType = useWatch({ control, name: 'item_type' });
   const file = useWatch({ control, name: 'file' });
@@ -197,7 +198,13 @@ export function FormCreateItem() {
         control={control}
         name='location'
         render={({ field }) => (
-          <PickLocation value={field.value} rows={2} onChange={field.onChange} error={errors.location} />
+          <PickLocation
+            value={field.value} //
+            rows={2}
+            onChange={field.onChange}
+            className={!!errors.location ? '-mb-6' : undefined}
+            error={errors.location}
+          />
         )}
       />
 
diff --git a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/editor-constituenta.tsx b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/editor-constituenta.tsx
index 9654605d..db768b2e 100644
--- a/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/editor-constituenta.tsx
+++ b/rsconcept/frontend/src/features/rsform/pages/rsform-page/editor-constituenta/editor-constituenta.tsx
@@ -76,7 +76,7 @@ export function EditorConstituenta() {
       className={clsx(
         'relative ',
         'cc-fade-in',
-        'min-h-80 max-w-[calc(min(100vw,95rem))] mx-auto',
+        'min-h-80 max-w-[calc(min(100vw,80rem))] mx-auto',
         'flex pt-8',
         'overflow-y-auto overflow-x-clip',
         isNarrow && 'flex-col md:items-center'