Пофиксил верстку сайдбара кандидатов

src/components/CandidateSidebar/CandidateSidebar.js

@@ -1,21 +1,13 @@
 import React from 'react'
-import { useSelector } from 'react-redux'
 import { Link } from 'react-router-dom'
 import { Achievement } from '../Achievement/Achievement'
 
 import { LEVELS, SKILLS } from '../constants/constants'
 
-import maleBig from '../../images/medium_male_big.png'
 import './candidateSidebar.scss'
-import { Highlighter } from '../../App'
-import { useState } from 'react'
-import { useEffect } from 'react'
-
-import { selectUserInfo } from '../../redux/outstaffingSlice'
-import { isRejected } from '@reduxjs/toolkit'
 
 const getYearsString = (years) => {
-  let yearsString
+  let yearsString;
   if (years % 10 === 1) {
     yearsString = 'год'
   } else if (years === 11 || years === 12 || years === 13 || years === 14) {
@@ -26,13 +18,13 @@ const getYearsString = (years) => {
     yearsString = 'лет'
   }
   return `${years} ${yearsString}`
-}
+};
 
-const CandidateSidebar = ({ candidate, position, setActiveSnippet, activeSnippet }) => {
-  const userId = localStorage.getItem('id') 
+const CandidateSidebar = ({ candidate, setActiveSnippet, activeSnippet }) => {
+  const userId = localStorage.getItem('id') ;
   const showSnippet = () => {
     setActiveSnippet((prev)=>!prev)
-  }
+  };
 
   return (
     <div className='candidate-sidebar'>
@@ -65,7 +57,7 @@ const CandidateSidebar = ({ candidate, position, setActiveSnippet, activeSnippet
           </button>
         </Link>
         {/* <Link to={`/candidate/${candidate.id}/code`}> */}
-          <button 
+          <button
           className='candidate-sidebar__select'
           onClick={showSnippet}
           >
@@ -83,6 +75,6 @@ const CandidateSidebar = ({ candidate, position, setActiveSnippet, activeSnippet
       </div>
     </div>
   )
-}
+};
 
 export default CandidateSidebar

src/components/CandidateSidebar/candidateSidebar.scss

@@ -9,10 +9,10 @@
 
   &__position {
     margin-bottom: 1rem;
+
     h2 {
-      font-size: 3rem !important;
-      font-family: 'GT Eesti Pro Display';
-      font-size: 2.6em;
+      font-size: 3rem;
+      font-family: 'GT Eesti Pro Display', sans-serif;
       font-weight: 700;
       font-style: normal;
       letter-spacing: normal;
@@ -34,7 +34,7 @@
     width: 100%;
     display: flex;
     justify-content: center;
-    align-items: flex-start;
+    align-items: center;
     flex-direction: column;
   }
 }
@@ -53,7 +53,7 @@
 }
 
 .candidate-sidebar__experience-title {
-  font-family: 'GT Eesti Pro Display';
+  font-family: 'GT Eesti Pro Display', sans-serif;
   font-size: 1.8em;
   font-weight: normal;
   font-style: normal;
@@ -63,7 +63,7 @@
 }
 
 .candidate-sidebar__experience {
-  font-family: 'GT Eesti Pro Display';
+  font-family: 'GT Eesti Pro Display', sans-serif;
   font-size: 3em;
   font-weight: 700;
   font-style: normal;
@@ -78,7 +78,7 @@
   border: none;
   background-color: #73c141;
   color: #ffffff;
-  font-family: 'Muller';
+  font-family: 'Muller', sans-serif;
   font-size: 1.6em;
   font-style: normal;
   letter-spacing: normal;
@@ -95,7 +95,7 @@
 }
 
 .candidate-sidebar__info__l {
-  font-family: 'GT Eesti Pro Display';
+  font-family: 'GT Eesti Pro Display', sans-serif;
   font-size: 1.8em;
   font-weight: 600;
   font-style: normal;
@@ -134,7 +134,7 @@
 
 .candidate-sidebar__arrows-sp {
   color: #705fa3;
-  font-family: 'Circe';
+  font-family: 'Circe', sans-serif;
   font-size: 1.3em;
   font-weight: 400;
   font-style: normal;