fixes

src/components/Footer/footer.css

@@ -1,5 +1,5 @@
 footer {
-    padding: 0 5rem;
+    padding: 2rem 5rem;
   }
   
 footer>div {

src/components/Form/Form.module.css

@@ -2,7 +2,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin-top: 180px;
+  margin-top: 120px;
 }
 
 .form > label {

src/components/Outstaffing/OutstaffingBlock.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import OutsideClickHandler from 'react-outside-click-handler';
 import { useDispatch, useSelector } from 'react-redux';
 import { selectItems, selectedItems, filteredCandidates } from '../../redux/outstaffingSlice';
 import { fetchItemsForId } from '../../server/server';
@@ -50,6 +51,11 @@ const OutstaffingBlock = ({ dataTags = [], selected, img, header, positionId, is
   });
 
   return (
+    <OutsideClickHandler
+      onOutsideClick={() => {
+        isSelected && onSelect(null)
+      }}
+    >
     <div className={`${style.outstaffing__box} ${isSelected?style.outstaffing__box__selected:''}`} >
       <div className={`${style.outstaffing__box__img} ${selected ? style.border : ''}`} onClick={()=>handlePositionClick({dispatch, positionId, isSelected, onSelect})}>
         <h3>{header}</h3>
@@ -68,6 +74,7 @@ const OutstaffingBlock = ({ dataTags = [], selected, img, header, positionId, is
         )}
       </div>
     </div>
+    </OutsideClickHandler>
   );
 };
 

src/components/Sidebar/Sidebar.js

@@ -4,13 +4,15 @@ import maleBig from '../../images/medium_male_big.png';
 import style from './Sidebar.module.css';
 
 const getYearsString = (years) => {
-  let yearsString = 'года';
+  let yearsString;
   if (years%10 === 1) {
     yearsString = 'год';
   } else if (years === 11 || years === 12 || years === 13 || years === 14) {
     yearsString = 'лет';
   } else if (years%10 === 2 || years%10 === 3 || years%10 === 4) {
     yearsString = 'года';
+  } else {
+    yearsString = 'лет';
   }
   return `${years} ${yearsString}`;
 }
@@ -24,7 +26,7 @@ const Sidebar = ({ candidate }) => {
           <p className={style.candidateSidebar__info__e}>Опыт работы</p>
           <p className={style.candidateSidebar__info__y}>{getYearsString(candidate.years_of_exp)}</p>
         </> }
-                <Link to={`/candidate/${candidate.id}/form`}>
+            <Link to={`/candidate/${candidate.id}/form`}>
           <button className={style.candidateSidebar__info__btn}>Выбрать к собеседованию</button>
         </Link>
       </div>