From ec75cb866cada9f01273e02a4c72c6fb5d5a9eb4 Mon Sep 17 00:00:00 2001
From: IRBorisov <8611739+IRBorisov@users.noreply.github.com>
Date: Fri, 24 Nov 2023 18:03:10 +0300
Subject: [PATCH] Minor UI fixes for editor

---
 rsconcept/frontend/src/components/Common/ConceptTooltip.tsx | 2 ++
 rsconcept/frontend/src/components/Help/InfoCstClass.tsx     | 2 +-
 rsconcept/frontend/src/components/Help/InfoCstStatus.tsx    | 2 +-
 rsconcept/frontend/src/components/Navigation/Navigation.tsx | 2 +-
 .../frontend/src/pages/RSFormPage/EditorConstituenta.tsx    | 4 ++--
 .../src/pages/RSFormPage/elements/RSEditorControls.tsx      | 6 +++---
 .../frontend/src/pages/RSFormPage/elements/RSItemsMenu.tsx  | 2 +-
 7 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/rsconcept/frontend/src/components/Common/ConceptTooltip.tsx b/rsconcept/frontend/src/components/Common/ConceptTooltip.tsx
index bc9ad207..375dcad6 100644
--- a/rsconcept/frontend/src/components/Common/ConceptTooltip.tsx
+++ b/rsconcept/frontend/src/components/Common/ConceptTooltip.tsx
@@ -11,6 +11,7 @@ function ConceptTooltip({
   className,
   layer='z-tooltip',
   place='bottom',
+  style,
   ...props
 }: ConceptTooltipProps) {
   const { darkMode } = useConceptTheme();
@@ -18,6 +19,7 @@ function ConceptTooltip({
   return (
   <Tooltip
     opacity={0.97}
+    style={{...{ paddingTop: '2px', paddingBottom: '2px'}, ...style}}
     className={`overflow-auto border shadow-md ${layer} ${className}`}
     variant={(darkMode ? 'dark' : 'light')}
     place={place}
diff --git a/rsconcept/frontend/src/components/Help/InfoCstClass.tsx b/rsconcept/frontend/src/components/Help/InfoCstClass.tsx
index b30468b7..9d75d568 100644
--- a/rsconcept/frontend/src/components/Help/InfoCstClass.tsx
+++ b/rsconcept/frontend/src/components/Help/InfoCstClass.tsx
@@ -12,7 +12,7 @@ function InfoCstClass({ title }: InfoCstClassProps) {
   const { colors } = useConceptTheme();
 
   return (
-    <div className='flex flex-col gap-1'>
+    <div className='flex flex-col gap-1 mb-2'>
       { title && <h1>{title}</h1>}
       { Object.values(CstClass).map(
       (cclass, index) => {
diff --git a/rsconcept/frontend/src/components/Help/InfoCstStatus.tsx b/rsconcept/frontend/src/components/Help/InfoCstStatus.tsx
index 9cc47787..8383c7a2 100644
--- a/rsconcept/frontend/src/components/Help/InfoCstStatus.tsx
+++ b/rsconcept/frontend/src/components/Help/InfoCstStatus.tsx
@@ -12,7 +12,7 @@ function InfoCstStatus({ title }: InfoCstStatusProps) {
   const { colors } = useConceptTheme();
 
   return (
-    <div className='flex flex-col gap-1'>
+    <div className='flex flex-col gap-1 h-fit mb-2'>
       { title && <h1>{title}</h1>}
       { Object.values(ExpressionStatus)
         .filter(status => status !== ExpressionStatus.UNDEFINED)
diff --git a/rsconcept/frontend/src/components/Navigation/Navigation.tsx b/rsconcept/frontend/src/components/Navigation/Navigation.tsx
index 80f09e46..4fda5027 100644
--- a/rsconcept/frontend/src/components/Navigation/Navigation.tsx
+++ b/rsconcept/frontend/src/components/Navigation/Navigation.tsx
@@ -14,7 +14,7 @@ function Navigation () {
   const navigateCreateNew = () => navigateTo('/rsform-create');
 
   return (
-    <nav className='sticky top-0 left-0 right-0 select-none z-navigation h-fit'>
+    <nav className='sticky top-0 left-0 right-0 select-none clr-app z-navigation h-fit'>
       {!noNavigation &&
       <button
         title='Скрыть навигацию'
diff --git a/rsconcept/frontend/src/pages/RSFormPage/EditorConstituenta.tsx b/rsconcept/frontend/src/pages/RSFormPage/EditorConstituenta.tsx
index 02ba9ba1..962c5eae 100644
--- a/rsconcept/frontend/src/pages/RSFormPage/EditorConstituenta.tsx
+++ b/rsconcept/frontend/src/pages/RSFormPage/EditorConstituenta.tsx
@@ -161,8 +161,8 @@ function EditorConstituenta({
   }
 
   return (
-  <div className='flex max-w-[1500px] gap-2' tabIndex={-1} onKeyDown={handleInput}>
-    <form onSubmit={handleSubmit} className='min-w-[50rem] max-w-[50rem] px-4 py-1'>
+  <div className='flex max-w-[1500px]' tabIndex={-1} onKeyDown={handleInput}>
+    <form onSubmit={handleSubmit} className='min-w-[47.8rem] max-w-[47.8rem] px-4 py-1'>
       <div className='relative w-full'>
       <div className='absolute top-0 right-0 flex items-start justify-between w-full'>
         {activeCst && 
diff --git a/rsconcept/frontend/src/pages/RSFormPage/elements/RSEditorControls.tsx b/rsconcept/frontend/src/pages/RSFormPage/elements/RSEditorControls.tsx
index 527da347..7046fde3 100644
--- a/rsconcept/frontend/src/pages/RSFormPage/elements/RSEditorControls.tsx
+++ b/rsconcept/frontend/src/pages/RSFormPage/elements/RSEditorControls.tsx
@@ -85,8 +85,8 @@ interface RSEditorControlsProps {
 
 function RSEditorControls({ onEdit, disabled }: RSEditorControlsProps) {
   return (
-  <div className='flex items-center justify-between w-full text-sm'>
-    <div className='border-r w-fit'>
+  <div className='flex items-center justify-start w-full text-sm'>
+    <div className='w-fit'>
       <div className='flex justify-start'>
         {MAIN_FIRST_ROW.map(
         (token) => 
@@ -110,7 +110,7 @@ function RSEditorControls({ onEdit, disabled }: RSEditorControlsProps) {
       </div>
     </div>
 
-    <div className='border-l w-fit'>
+    <div className='w-fit'>
       <div className='flex justify-start'>
         {SECONDARY_FIRST_ROW.map(
         ({text, tooltip}) => 
diff --git a/rsconcept/frontend/src/pages/RSFormPage/elements/RSItemsMenu.tsx b/rsconcept/frontend/src/pages/RSFormPage/elements/RSItemsMenu.tsx
index 9892b1a9..f5bcc22c 100644
--- a/rsconcept/frontend/src/pages/RSFormPage/elements/RSItemsMenu.tsx
+++ b/rsconcept/frontend/src/pages/RSFormPage/elements/RSItemsMenu.tsx
@@ -107,7 +107,7 @@ function RSItemsMenu({
     <div className='ml-1' id='items-table-help'>
       <HelpIcon color='text-primary' size={5} />
     </div>
-    <ConceptTooltip anchorSelect='#items-table-help' offset={30}>
+    <ConceptTooltip anchorSelect='#items-table-help' offset={8}>
       <HelpRSFormItems />
     </ConceptTooltip>
   </div>);