Fix margins for control elements

rsconcept/frontend/src/components/Help/HelpRSFormMeta.tsx

@@ -3,12 +3,12 @@ function HelpRSFormMeta() {
   return (
   <div>
     <h1>Паспорт схемы</h1>
-    <p><b>Сохранить изменения</b>: Ctrl + S или клик по кнопке Сохранить</p>
-    <p><b>Владелец</b> - пользователь, обладающий правом редактирования</p>
+    <p><b>Сохранить изменения</b>: Ctrl + S или кнопка Сохранить</p>
+    <p><b>Владелец</b> обладает правом редактирования</p>
     <p><b>Общедоступные</b> схемы доступы для всех</p>
     <p><b>Неизменные</b> схемы редактируют только администраторы</p>
     <p><b>Клонировать</b> - создать копию схемы под своим именем</p>
-    <p><b>Отслеживание</b> - отображение схемы в персональном списке</p>
+    <p><b>Отслеживание</b> - схема в персональном списке</p>
     <p><b>Загрузить/Выгрузить схему</b> - взаимодействие с Экстеор</p>
   </div>);
 }

rsconcept/frontend/src/components/ui/TabLabel.tsx

@@ -12,7 +12,7 @@ function TabLabel({ label, title, className, ...otherProps }: TabLabelProps) {
   return (
     <TabImpl
       className={clsx(
-        'min-w-[6rem]',
+        'min-w-[6rem] h-full',
         'px-2 py-1 flex justify-center',
         'clr-tab',
         'text-sm whitespace-nowrap font-controls',

rsconcept/frontend/src/pages/RSFormPage/RSTabs.tsx

@@ -169,10 +169,10 @@ function RSTabs() {
           selectedTabClassName='clr-selected'
           className='flex flex-col min-w-fit'
         >
-          <TabList className={clsx('mx-auto', 'flex', 'border-b-2 border-x-2 divide-x-2')}>
+          <TabList className={clsx('sm:mx-auto w-fit', 'flex items-stretch', 'border-b-2 border-x-2 divide-x-2')}>
             <RSTabsMenu onDestroy={onDestroySchema} />
 
-            <TabLabel label='Карточка' title={`Название схемы: ${schema.title ?? ''}`} />
+            <TabLabel className='' label='Карточка' title={`Название схемы: ${schema.title ?? ''}`} />
             <TabLabel
               label='Содержание'
               title={`Конституент: ${schema.stats?.count_all ?? 0} | Ошибок: ${schema.stats?.count_errors ?? 0}`}

rsconcept/frontend/src/styling/setup.css

@@ -106,6 +106,10 @@ li {
   text-wrap: pretty;
 }
 
+div > p {
+  @apply [&:not(:last-child)]:mb-2;
+}
+
 @layer components {
   h1 {
     @apply text-lg font-semibold text-center;
@@ -119,11 +123,6 @@ li {
     @apply font-semibold;
   }
 
-  li,
-  p {
-    @apply [&:not(:last-child)]:mb-2;
-  }
-
   .border {
     @apply rounded;
   }