diff --git a/src/components/Common/ModalLayout/modalLayout.scss b/src/components/Common/ModalLayout/modalLayout.scss index 328f2c33..450bb582 100644 --- a/src/components/Common/ModalLayout/modalLayout.scss +++ b/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); diff --git a/src/components/Modal/ModalRegistration/modalRegistration.scss b/src/components/Modal/ModalRegistration/modalRegistration.scss index cf2b444a..f7757020 100644 --- a/src/components/Modal/ModalRegistration/modalRegistration.scss +++ b/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 { diff --git a/src/components/Modal/Tracker/TrackerModal/trackerModal.scss b/src/components/Modal/Tracker/TrackerModal/trackerModal.scss index 58d89329..3a306171 100644 --- a/src/components/Modal/Tracker/TrackerModal/trackerModal.scss +++ b/src/components/Modal/Tracker/TrackerModal/trackerModal.scss @@ -742,8 +742,8 @@ .exit { cursor: pointer; position: absolute; - top: 20px; - right: 20px; + top: 10px; + right: 10px; width: 13px; height: 13px; display: flex;