mobile version fixes

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;
   }
 }
 

src/components/Candidate/Candidate.js

@@ -120,11 +120,11 @@ const Candidate = () => {
                     {currentCandidateObj.vc_text ? currentCandidateObj.vc_text : 'Описание отсутствует...' }
                   </p>
                 )}
-                <Link to={`/candidate/${currentCandidateObj.id}/form`}>
+                {/* <Link to={`/candidate/${currentCandidateObj.id}/form`}>
                   <button type="submit" className='candidate__btn'>
                     Выбрать к собеседованию
                   </button>
-                </Link>
+                </Link> */}
                 <SectionSkills skillsArr={skillValues} />
               </div>
             </div>

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 {
@@ -285,3 +300,9 @@
 .candidate footer {
   margin-top: 2.5rem !important;
 }
+
+@media (max-width: 1199px) {
+  .candidate + .logout-button {
+      top: 16px !important;
+  }
+}

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;
+    top: 80px;
-    left: 90px;
+    left: 0;
-  }
-}
-
-@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;
   }
 }
 
@@ -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;
+  }
+}

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;
+  }
+}

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;
     }
-  }
+}
   

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;
+  }
+}

src/components/Select/TagSelect.module.css

@@ -45,7 +45,7 @@
 
 @media (max-width: 575.98px) {
   .search__box > button {
-    margin-top: 40px;
+    margin-top: 20px;
   }
 }
 
@@ -78,3 +78,9 @@
 .search__submit:hover .loader path {
     fill: #6aaf5c;
 }
+
+@media (max-width: 990px) {
+  .select {
+    margin-right: 1rem;
+  }
+}

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;
+  }
+}