From 1643cd737cdbddd36ca1b652c47dd31fcf78ba31 Mon Sep 17 00:00:00 2001
From: Ivan <8611739+IRBorisov@users.noreply.github.com>
Date: Tue, 11 Mar 2025 12:56:32 +0300
Subject: [PATCH] B: Fix modal layout

---
 rsconcept/frontend/src/components/Modal/ModalForm.tsx | 6 +++---
 rsconcept/frontend/src/components/Modal/ModalView.tsx | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/rsconcept/frontend/src/components/Modal/ModalForm.tsx b/rsconcept/frontend/src/components/Modal/ModalForm.tsx
index e8f81374..65b83e50 100644
--- a/rsconcept/frontend/src/components/Modal/ModalForm.tsx
+++ b/rsconcept/frontend/src/components/Modal/ModalForm.tsx
@@ -90,7 +90,7 @@ export function ModalForm({
     <div className='cc-modal-wrapper'>
       <ModalBackdrop onHide={handleCancel} />
       <form
-        className='cc-animate-modal grid border rounded-xl bg-prim-100'
+        className='cc-animate-modal relative grid border rounded-xl bg-prim-100'
         role='dialog'
         onSubmit={handleSubmit}
         aria-labelledby='modal-title'
@@ -98,7 +98,7 @@ export function ModalForm({
         {helpTopic && !hideHelpWhen?.() ? (
           <BadgeHelp
             topic={helpTopic}
-            className='absolute z-pop left-0 mt-2 ml-2'
+            className='absolute z-top top-2 left-2'
             padding='p-0'
             contentClass='sm:max-w-160'
           />
@@ -109,7 +109,7 @@ export function ModalForm({
           aria-label='Закрыть'
           titleHtml={prepareTooltip('Закрыть диалоговое окно', 'ESC')}
           icon={<IconClose size='1.25rem' />}
-          className='absolute z-pop right-0 mt-2 mr-2'
+          className='absolute z-pop top-2 right-2'
           onClick={hideDialog}
         />
 
diff --git a/rsconcept/frontend/src/components/Modal/ModalView.tsx b/rsconcept/frontend/src/components/Modal/ModalView.tsx
index 4b30d9c2..37a86a47 100644
--- a/rsconcept/frontend/src/components/Modal/ModalView.tsx
+++ b/rsconcept/frontend/src/components/Modal/ModalView.tsx
@@ -34,11 +34,11 @@ export function ModalView({
   return (
     <div className='cc-modal-wrapper'>
       <ModalBackdrop onHide={hideDialog} />
-      <div className='cc-animate-modal grid border rounded-xl bg-prim-100' role='dialog'>
+      <div className='cc-animate-modal relative grid border rounded-xl bg-prim-100' role='dialog'>
         {helpTopic && !hideHelpWhen?.() ? (
           <BadgeHelp
             topic={helpTopic}
-            className='absolute z-pop left-0 mt-2 ml-2'
+            className='absolute z-pop top-2 left-2'
             padding='p-0'
             contentClass='sm:max-w-160'
           />
@@ -49,7 +49,7 @@ export function ModalView({
           aria-label='Закрыть'
           titleHtml={prepareTooltip('Закрыть диалоговое окно', 'ESC')}
           icon={<IconClose size='1.25rem' />}
-          className='absolute z-pop right-0 mt-2 mr-2'
+          className='absolute z-pop top-2 right-2'
           onClick={hideDialog}
         />