mobile version fixes

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