Minor UI fixes for editor

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}

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) => {

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)

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='Скрыть навигацию'

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}>
+  <div className='flex max-w-[1500px]' tabIndex={-1} onKeyDown={handleInput}>
-    <form onSubmit={handleSubmit} className='min-w-[50rem] max-w-[50rem] px-4 py-1'>
+    <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 && 

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='flex items-center justify-start w-full text-sm'>
-    <div className='border-r w-fit'>
+    <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}) => 

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>);