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