From e024900dfa27d24d95f4f447936897a29ea0ef5c Mon Sep 17 00:00:00 2001
From: IRBorisov <8611739+IRBorisov@users.noreply.github.com>
Date: Thu, 21 Dec 2023 17:40:36 +0300
Subject: [PATCH] Minor UI fixes

---
 rsconcept/frontend/src/components/Common/ConceptTooltip.tsx   | 2 +-
 .../frontend/src/components/Help/ConstituentaTooltip.tsx      | 2 +-
 rsconcept/frontend/src/components/Help/HelpLibrary.tsx        | 2 +-
 rsconcept/frontend/src/components/Help/HelpMain.tsx           | 2 +-
 rsconcept/frontend/src/components/Help/HelpRSLang.tsx         | 4 ++--
 rsconcept/frontend/src/components/Help/HelpRSTemplates.tsx    | 2 +-
 rsconcept/frontend/src/components/Help/HelpTermGraph.tsx      | 4 ++--
 .../frontend/src/components/Help/HelpTerminologyControl.tsx   | 2 +-
 rsconcept/frontend/src/pages/ManualsPage/ManualsPage.tsx      | 2 +-
 rsconcept/frontend/src/pages/ManualsPage/TopicsList.tsx       | 2 +-
 rsconcept/frontend/src/pages/ManualsPage/ViewTopic.tsx        | 2 +-
 11 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/rsconcept/frontend/src/components/Common/ConceptTooltip.tsx b/rsconcept/frontend/src/components/Common/ConceptTooltip.tsx
index de658678..e08ce60d 100644
--- a/rsconcept/frontend/src/components/Common/ConceptTooltip.tsx
+++ b/rsconcept/frontend/src/components/Common/ConceptTooltip.tsx
@@ -43,7 +43,7 @@ function ConceptTooltip({
     place={place}
     {...restProps}
   >
-    {text}
+    {text ? text : null}
     {children as ReactNode}
   </Tooltip>), document.body);
 }
diff --git a/rsconcept/frontend/src/components/Help/ConstituentaTooltip.tsx b/rsconcept/frontend/src/components/Help/ConstituentaTooltip.tsx
index 863001ed..265cb17c 100644
--- a/rsconcept/frontend/src/components/Help/ConstituentaTooltip.tsx
+++ b/rsconcept/frontend/src/components/Help/ConstituentaTooltip.tsx
@@ -11,7 +11,7 @@ function ConstituentaTooltip({ data, anchor }: ConstituentaTooltipProps) {
   return (
   <ConceptTooltip clickable
     anchorSelect={anchor}
-    className='w-[25rem]'
+    className='max-w-[30rem]'
   >
     <InfoConstituenta data={data} />
   </ConceptTooltip>);
diff --git a/rsconcept/frontend/src/components/Help/HelpLibrary.tsx b/rsconcept/frontend/src/components/Help/HelpLibrary.tsx
index 218502af..0700bb8d 100644
--- a/rsconcept/frontend/src/components/Help/HelpLibrary.tsx
+++ b/rsconcept/frontend/src/components/Help/HelpLibrary.tsx
@@ -3,7 +3,7 @@ import { FiBell } from 'react-icons/fi';
 
 function HelpLibrary() {
   return (
-  <div>
+  <div className='max-w-[80rem]'>
     <h1>Библиотека концептуальных схем</h1>
     <p>В библиотеки собраны различные концептуальные схемы.</p>
     <p>Группировка и классификации схем на данный момент не проводится.</p>
diff --git a/rsconcept/frontend/src/components/Help/HelpMain.tsx b/rsconcept/frontend/src/components/Help/HelpMain.tsx
index 044707fa..c34dc4cf 100644
--- a/rsconcept/frontend/src/components/Help/HelpMain.tsx
+++ b/rsconcept/frontend/src/components/Help/HelpMain.tsx
@@ -3,7 +3,7 @@ import { urls } from '@/utils/constants';
 
 function HelpMain() {
   return (
-  <div>
+  <div className='max-w-[60rem]'>
     <h1>Портал</h1>
     <p className=''>Портал позволяет анализировать предметные области, формально записывать системы определений (концептуальные схемы) и синтезировать их с помощью математического аппарата родов структур.</p>
     <p className='mt-4 mb-1 text-center'><b>Основные разделы</b></p>
diff --git a/rsconcept/frontend/src/components/Help/HelpRSLang.tsx b/rsconcept/frontend/src/components/Help/HelpRSLang.tsx
index f0a327dc..1ea36b6a 100644
--- a/rsconcept/frontend/src/components/Help/HelpRSLang.tsx
+++ b/rsconcept/frontend/src/components/Help/HelpRSLang.tsx
@@ -13,7 +13,7 @@ function HelpRSLang() {
   () => {
     const viewH = windowSize.height ?? 0;
     const viewW = windowSize.width ?? 0;
-    return Math.min(OPT_VIDEO_H, viewH - 370, Math.floor((viewW - 250)*9/16));
+    return Math.min(OPT_VIDEO_H, viewH - 320, Math.floor((viewW - 290)*9/16));
   }, [windowSize]);
 
   return (
@@ -29,7 +29,7 @@ function HelpRSLang() {
         <li>3. <a className='underline' href={urls.full_course}>Видео: лекции для 4 курса (второй семестр 2022-23 год)</a></li>
       </ul>
     </div>
-    <div className='justify-center hidden w-full md:flex'>
+    <div className='justify-center w-full'>
     <EmbedYoutube
       videoID={youtube.intro}
       pxHeight={videoHeight}
diff --git a/rsconcept/frontend/src/components/Help/HelpRSTemplates.tsx b/rsconcept/frontend/src/components/Help/HelpRSTemplates.tsx
index 26c8e903..1284ba1e 100644
--- a/rsconcept/frontend/src/components/Help/HelpRSTemplates.tsx
+++ b/rsconcept/frontend/src/components/Help/HelpRSTemplates.tsx
@@ -1,6 +1,6 @@
 function HelpRSTemplates() {
   return (
-  <div className='flex flex-col gap-2 pb-2'>
+  <div className='flex flex-col gap-2 pb-2 max-w-[80rem]'>
     <h1>Банк выражений</h1>
     <p>Портал предоставляет быстрый доступ к часто используемым выражениям с помощью функции создания конституенты из шаблона.</p>
     <p>Источником шаблонов является <b>Банк выражений</b>, содержащий параметризованные понятия и утверждения, сгруппированные по разделам.</p>
diff --git a/rsconcept/frontend/src/components/Help/HelpTermGraph.tsx b/rsconcept/frontend/src/components/Help/HelpTermGraph.tsx
index 2a322ddc..992cdbac 100644
--- a/rsconcept/frontend/src/components/Help/HelpTermGraph.tsx
+++ b/rsconcept/frontend/src/components/Help/HelpTermGraph.tsx
@@ -4,8 +4,8 @@ import InfoCstStatus from '@/components/Shared/InfoCstStatus';
 
 function HelpTermGraph() {
   return (
-  <div className='flex'>
-    <div> 
+  <div className='flex max-w-[80rem]'>
+    <div>
       <h1>Настройка графа</h1>
       <p><b>Цвет</b> - выбор правила покраски узлов</p>
       <p><b>Граф</b> - выбор модели расположения узлов</p>
diff --git a/rsconcept/frontend/src/components/Help/HelpTerminologyControl.tsx b/rsconcept/frontend/src/components/Help/HelpTerminologyControl.tsx
index 262b9c48..342a5ac3 100644
--- a/rsconcept/frontend/src/components/Help/HelpTerminologyControl.tsx
+++ b/rsconcept/frontend/src/components/Help/HelpTerminologyControl.tsx
@@ -1,7 +1,7 @@
 
 function HelpTerminologyControl() {
   return (
-  <div className='flex flex-col gap-1'>
+  <div className='flex flex-col gap-1 max-w-[80rem]'>
     <h1>Терминологизация</h1>
     <p>Портал позволяет контролировать употребление терминов, привязанных к сущностям в концептуальных схемах.</p>
     <p>Для этого используется механизм текстовых отсылок: <i>использование термина</i> и <i>связывание слов.</i></p>
diff --git a/rsconcept/frontend/src/pages/ManualsPage/ManualsPage.tsx b/rsconcept/frontend/src/pages/ManualsPage/ManualsPage.tsx
index 38fd193d..522fff9f 100644
--- a/rsconcept/frontend/src/pages/ManualsPage/ManualsPage.tsx
+++ b/rsconcept/frontend/src/pages/ManualsPage/ManualsPage.tsx
@@ -21,7 +21,7 @@ function ManualsPage() {
 
   return (
   <div
-    className='flex items-start w-full max-w-[90rem] gap-2'
+    className='flex gap-2 w-full'
     style={{minHeight: mainHeight}}
   >
     <TopicsList 
diff --git a/rsconcept/frontend/src/pages/ManualsPage/TopicsList.tsx b/rsconcept/frontend/src/pages/ManualsPage/TopicsList.tsx
index d2e381d8..2714666c 100644
--- a/rsconcept/frontend/src/pages/ManualsPage/TopicsList.tsx
+++ b/rsconcept/frontend/src/pages/ManualsPage/TopicsList.tsx
@@ -13,7 +13,7 @@ function TopicsList({ activeTopic, onChangeTopic }: TopicsListProps) {
   return (
   <div className={clsx(
     'sticky top-0 left-0',
-    'min-w-[13rem]',
+    'min-w-[13rem] self-start',
     'border-x',
     'clr-controls',
     'small-caps',
diff --git a/rsconcept/frontend/src/pages/ManualsPage/ViewTopic.tsx b/rsconcept/frontend/src/pages/ManualsPage/ViewTopic.tsx
index e08b8a65..a1a60815 100644
--- a/rsconcept/frontend/src/pages/ManualsPage/ViewTopic.tsx
+++ b/rsconcept/frontend/src/pages/ManualsPage/ViewTopic.tsx
@@ -7,7 +7,7 @@ interface ViewTopicProps {
 
 function ViewTopic({ topic }: ViewTopicProps) {
   return (
-  <div className='px-2 py-2 max-w-[80rem]'>
+  <div className='px-2 py-2 mx-auto'>
     <InfoTopic topic={topic}/>
   </div>);
 }