From 8336c3340c74f6e0860c4aa83cf0fa107f9591cf Mon Sep 17 00:00:00 2001
From: IRBorisov <8611739+IRBorisov@users.noreply.github.com>
Date: Thu, 22 Feb 2024 16:25:11 +0300
Subject: [PATCH] Fix margins for control elements

---
 .../frontend/src/components/Help/HelpRSFormMeta.tsx      | 6 +++---
 rsconcept/frontend/src/components/ui/TabLabel.tsx        | 2 +-
 rsconcept/frontend/src/pages/RSFormPage/RSTabs.tsx       | 4 ++--
 rsconcept/frontend/src/styling/setup.css                 | 9 ++++-----
 4 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/rsconcept/frontend/src/components/Help/HelpRSFormMeta.tsx b/rsconcept/frontend/src/components/Help/HelpRSFormMeta.tsx
index 0c2fe310..29c5b47d 100644
--- a/rsconcept/frontend/src/components/Help/HelpRSFormMeta.tsx
+++ b/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>);
 }
diff --git a/rsconcept/frontend/src/components/ui/TabLabel.tsx b/rsconcept/frontend/src/components/ui/TabLabel.tsx
index 0425f7c0..64d8c928 100644
--- a/rsconcept/frontend/src/components/ui/TabLabel.tsx
+++ b/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',
diff --git a/rsconcept/frontend/src/pages/RSFormPage/RSTabs.tsx b/rsconcept/frontend/src/pages/RSFormPage/RSTabs.tsx
index d51eb592..2c311d7a 100644
--- a/rsconcept/frontend/src/pages/RSFormPage/RSTabs.tsx
+++ b/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}`}
diff --git a/rsconcept/frontend/src/styling/setup.css b/rsconcept/frontend/src/styling/setup.css
index eda69165..1d02cb87 100644
--- a/rsconcept/frontend/src/styling/setup.css
+++ b/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;
   }