Minor UI fixes

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

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

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>

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>

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}

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>

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

@@ -4,7 +4,7 @@ import InfoCstStatus from '@/components/Shared/InfoCstStatus';
 
 function HelpTermGraph() {
   return (
-  <div className='flex'>
+  <div className='flex max-w-[80rem]'>
     <div>
       <h1>Настройка графа</h1>
       <p><b>Цвет</b> - выбор правила покраски узлов</p>

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>

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 

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',

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