diff --git a/src/components/Calendar/Calendar.module.css b/src/components/Calendar/Calendar.module.css index cf0d2939..1b2b597d 100644 --- a/src/components/Calendar/Calendar.module.css +++ b/src/components/Calendar/Calendar.module.css @@ -19,7 +19,7 @@ .calendar__title { font-size: 5em; text-align: center; - margin: 40px 0; + margin: 60px 0 40px 0; } } diff --git a/src/components/Candidate/Candidate.js b/src/components/Candidate/Candidate.js index 20e08cdf..0a7863d1 100644 --- a/src/components/Candidate/Candidate.js +++ b/src/components/Candidate/Candidate.js @@ -120,11 +120,11 @@ const Candidate = () => { {currentCandidateObj.vc_text ? currentCandidateObj.vc_text : 'Описание отсутствует...' }

)} - + {/* - + */} diff --git a/src/components/Candidate/candidate.css b/src/components/Candidate/candidate.css index 12eccf2f..54cd4e81 100644 --- a/src/components/Candidate/candidate.css +++ b/src/components/Candidate/candidate.css @@ -41,6 +41,17 @@ margin-left: 60px; } +@media (max-width: 768px) { + .candidate__header { + flex-direction: column; + } + + .candidate__header .arrow { + margin-left: 60px; + margin-bottom: 40px; + } +} + @media (max-width: 575.98px) { .candidate__header { display: flex; @@ -48,6 +59,10 @@ margin-left: 0; margin-top: 40px; } + + .candidate__header .arrow { + margin-left: 0; + } } .arrow { @@ -284,4 +299,10 @@ .candidate footer { margin-top: 2.5rem !important; +} + +@media (max-width: 1199px) { + .candidate + .logout-button { + top: 16px !important; + } } \ No newline at end of file diff --git a/src/components/Description/Description.module.css b/src/components/Description/Description.module.css index c14fef86..ba2bd244 100644 --- a/src/components/Description/Description.module.css +++ b/src/components/Description/Description.module.css @@ -6,12 +6,11 @@ .description__wrapper { border: 1px solid #efefef; background-color: #fdfdfd; - padding-top: 60px; + padding: 60px 40px 0 40px; border-bottom: none; position: relative; } .description__img { - margin-left: 40px; margin-top: 16px; width: 118px; height: 118px; @@ -21,24 +20,8 @@ @media (max-width: 575.98px) { .description__img { position: absolute; - top: 90px; - left: 90px; - } -} - -@media (max-width: 375.98px) { - .description__img { - position: absolute; - top: 90px; - left: 90px; - } -} - -@media (max-width: 340.98px) { - .description__img { - position: absolute; - top: 90px; - left: 60px; + top: 80px; + left: 0; } } @@ -60,7 +43,7 @@ @media (max-width: 575.98px) { .description__title { text-align: center; - margin-bottom: 190px; + margin-bottom: 170px; font-size: 3em; } } @@ -176,7 +159,7 @@ .description__list__item { font-size: 1.5em; text-align: center; - margin-bottom: 120px; + margin-bottom: 0; } } @@ -188,6 +171,7 @@ @media (max-width: 575.98px) { .description__rectangle { width: 80%; + margin: 50px auto 80px auto; } } @@ -215,6 +199,14 @@ } @media (max-width: 575.98px) { + .description { + margin-bottom: 16px; + } + + .description__footer { + margin-top: 0; + } + .description__footer__btn > button { width: 160px; margin-right: 10px; @@ -237,3 +229,9 @@ text-align: center; margin: 0 10px; } + +@media (max-width: 1199px) { + .description__button { + margin: 1.5rem 0; + } +} \ No newline at end of file diff --git a/src/components/Footer/footer.css b/src/components/Footer/footer.css index 432a8b35..9b7af3ac 100644 --- a/src/components/Footer/footer.css +++ b/src/components/Footer/footer.css @@ -16,7 +16,7 @@ footer .copyright { @media (max-width: 575.98px) { .footer__left { - margin-top: 120px; + margin-top: 80px; } } @@ -73,6 +73,7 @@ footer .copyright { margin-bottom: 20px; } } + .footer__phone { color: #003b65; font-family: 'CeraPro'; @@ -92,3 +93,9 @@ footer .copyright { line-height: normal; margin-left: 24px; } + +@media (max-width: 1199px) { + .footer__left { + margin-bottom: 20px; + } +} \ No newline at end of file diff --git a/src/components/LogoutButton/logoutButton.css b/src/components/LogoutButton/logoutButton.css index 15c89138..5618f3cf 100644 --- a/src/components/LogoutButton/logoutButton.css +++ b/src/components/LogoutButton/logoutButton.css @@ -31,9 +31,9 @@ transition: .3s; } -@media (max-width: 1198px) { +@media (max-width: 1199px) { .logout-button { - top: 16px; + top: 16px !important; } - } +} \ No newline at end of file diff --git a/src/components/Outstaffing/Outstaffing.module.css b/src/components/Outstaffing/Outstaffing.module.css index 02831d06..52f69d95 100644 --- a/src/components/Outstaffing/Outstaffing.module.css +++ b/src/components/Outstaffing/Outstaffing.module.css @@ -162,3 +162,13 @@ list-style: none; cursor: pointer; } + +@media (max-width: 1199px) { + .outstaffing__box { + margin-top: 0; + } + + .outstaffing__box>div { + margin-top: 32px; + } +} \ No newline at end of file diff --git a/src/components/Select/TagSelect.module.css b/src/components/Select/TagSelect.module.css index 283e2a7c..15a6fa32 100644 --- a/src/components/Select/TagSelect.module.css +++ b/src/components/Select/TagSelect.module.css @@ -45,7 +45,7 @@ @media (max-width: 575.98px) { .search__box > button { - margin-top: 40px; + margin-top: 20px; } } @@ -77,4 +77,10 @@ .search__submit:hover .loader path { fill: #6aaf5c; +} + +@media (max-width: 990px) { + .select { + margin-right: 1rem; + } } \ No newline at end of file diff --git a/src/components/Sidebar/Sidebar.module.css b/src/components/Sidebar/Sidebar.module.css index 6955c33f..879d64f8 100644 --- a/src/components/Sidebar/Sidebar.module.css +++ b/src/components/Sidebar/Sidebar.module.css @@ -131,3 +131,15 @@ left: 50%; transform: translate(-50%, -50%); } + +@media (max-width: 1199px) { + .candidateSidebar { + flex-direction: row; + padding-left: 16px; + } + + .candidateSidebar__info { + display: flex; + flex-direction: column; + } +} \ No newline at end of file