registraion modal adaptive

src/components/Common/ModalLayout/modalLayout.scss

@@ -1,5 +1,5 @@
 .modal-layout {
-  z-index: 9;
+  z-index: 9999;
   height: 100%;
   width: 100%;
   background-color: rgba(0, 0, 0, 0.8);

src/components/Modal/ModalRegistration/modalRegistration.scss

@@ -13,7 +13,8 @@
   }
 
   @media (max-width: 703px) {
-    top: 7%;
+    top: 0;
+    z-index: 1;
     padding: 20px 10px 20px 10px;
   }
 
@@ -42,14 +43,17 @@
         }
 
         @media (max-width: 703px) {
-          flex-direction: column;
           align-items: center;
           font-size: 20px;
         }
 
         span {
           color: #52b709;
-          margin: 0 0 0 10px;
+          margin-left: 10px;
+
+          @media (max-width: 703px) {
+            margin-left: 5px;
+          }
         }
       }
 
@@ -67,11 +71,12 @@
 
         @media (max-width: 703px) {
           margin: 10px 0 0 0;
+          line-height: 20px;
         }
       }
 
       .input-body {
-        margin: 44px 0 0 0;
+        margin-top: 44px;
         display: flex;
         flex-direction: row;
         justify-content: space-between;
@@ -80,7 +85,7 @@
         @media (max-width: 703px) {
           flex-direction: column;
           align-items: center;
-          margin: 22px 0 0 0;
+          margin-top: 10px;
         }
 
         &__box {

src/components/Modal/Tracker/TrackerModal/trackerModal.scss

@@ -742,8 +742,8 @@
 .exit {
   cursor: pointer;
   position: absolute;
-  top: 20px;
+  top: 10px;
-  right: 20px;
+  right: 10px;
   width: 13px;
   height: 13px;
   display: flex;