src/components/FreeDevelopers/freeDevelopers.scss

@@ -1,7 +1,6 @@
 .free-dev {
-  display: flex;
+  overflow: hidden;
-  flex-direction: column;
+  position: relative;
-  min-height: 100vh;
   background-color: #f1f1f1;
 
   .link {
@@ -29,11 +28,7 @@
   }
 
   &_page {
-    display: flex;
+    margin: 24px 0 30px 0;
-    flex-direction: column;
-    flex: 1;
-    color: #000000;
-    padding: 50px 0 0;
   }
 
   &__title {

src/components/Modal/Tracker/TicketFullScreen/TicketFullScreen.jsx

@@ -35,7 +35,7 @@ import arrow from "assets/icons/arrows/arrowCalendar.png";
 import arrowStart from "assets/icons/arrows/arrowStart.png";
 import arrowDown from "assets/icons/arrows/selectArrow.png";
 import calendarIcon from "assets/icons/calendar.svg";
-import close from "assets/icons/crossWhite.svg";
+import close from "assets/icons/close.png";
 import fileDelete from "assets/icons/closeProjectPersons.svg";
 import del from "assets/icons/delete.svg";
 import edit from "assets/icons/edit.svg";
@@ -971,7 +971,7 @@ export const TicketFullScreen = () => {
                     />
                   </div>
                   <div className="time">
-                    <p>⏱</p>
+                    <img src={watch}></img>
                     <p>
                       {correctTimerTime(currentTimerCount.hours)}:
                       {correctTimerTime(currentTimerCount.minute)}:

src/components/Modal/Tracker/TicketFullScreen/ticketFullScreen.scss

@@ -49,6 +49,8 @@
 
 .fullscreen-workers {
   @media (max-width: 880px) {
+    background: #dff1ff;
+
     .workers_box {
       @media (max-width: 880px) {
         flex-direction: inherit !important;

src/components/ProfileCalendar/ProfileCalendarComponent.jsx

@@ -286,15 +286,15 @@ export const ProfileCalendarComponent = React.memo(
                 ? `${getCorrectDate(startDate)} - ${getCorrectDate(endDate)}`
                 : `${getCorrectDate(endDate)} - ${getCorrectDate(startDate)}`
               : activePeriod
-                ? "Выберите диапазон на календаре"
+              ? "Выберите диапазон на календаре"
-                : "Выбрать диапазон"}
+              : "Выбрать диапазон"}
           </span>
           <span>
             {totalRangeHours
               ? `${totalRangeHours} ${hourOfNum(totalRangeHours)}`
               : endDate
-                ? "0 часов"
+              ? "0 часов"
-                : ""}
+              : ""}
           </span>
           {endDate && (
             <BaseButton

src/components/ProfileHeader/profileHeader.scss

@@ -17,7 +17,7 @@
     justify-content: space-between;
     align-items: center;
     height: 100%;
-    z-index: 9;
+    z-index: 9999;
     max-width: 1160px;
     width: 100%;
     margin: 0 auto;

src/pages/CatalogSpecialists/CatalogSpecialists.jsx

@@ -145,10 +145,9 @@ const CatalogSpecialists = () => {
     }
   ];
   return (
-    <div className="catalog-specialists">
+    <section className="catalog-specialists">
       <AuthHeader />
-      <SideBar />
+      <div className="container catalog-specialists__wrapper">
-      <div className="catalog-specialists__content container">
         <ProfileBreadcrumbs
           links={[
             { name: "Главная", link: "/auth" },
@@ -202,8 +201,9 @@ const CatalogSpecialists = () => {
           })}
         </div>
       </div>
+      <SideBar />
       <Footer />
-    </div>
+    </section>
   );
 };
 

src/pages/CatalogSpecialists/catalogSpecialists.scss

@@ -4,20 +4,8 @@
   flex-direction: column;
   min-height: 100vh;
 
-  &__content {
+  &__wrapper {
-    display: flex;
+    padding-top: 24px;
-    flex-direction: column;
-    flex: 1;
-    color: #000000;
-    padding: 50px 0 0;
-
-    @media (max-width: 1375px) {
-      padding-top: 100px;
-    }
-
-    @media (max-width: 1000px) {
-      background-color: white;
-    }
   }
 
   &__head {

src/pages/CompanyInfo/companyInfo.scss

@@ -1,15 +1,7 @@
 .company-info {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-  background-color: #f1f1f1;
-
   &__content {
-    display: flex;
+    background-color: #f1f1f1;
-    flex-direction: column;
+    padding-top: 60px;
-    flex: 1;
-    color: #000000;
-    padding: 50px 0 0;
 
     @media (max-width: 1375px) {
       padding-top: 120px;

src/pages/FrequentlyAskedQuestions/FrequentlyAskedQuestions.jsx

@@ -83,7 +83,8 @@ export const FrequentlyAskedQuestions = () => {
     <div className="frequently-asked-questions">
       <AuthHeader />
       <SideBar />
-      <div className="container">
+
+      <div className="frequently-asked-questions__container container">
         <ProfileBreadcrumbs
           links={[
             { name: "Главная", link: "/auth" },

src/pages/FrequentlyAskedQuestions/FrequentlyAskedQuestions.scss

@@ -8,12 +8,9 @@
     margin-top: 80px;
   }
 
-  .container {
+  &__container {
-    display: flex;
+    flex: 1 1 auto;
-    flex-direction: column;
+    margin: 30px 0;
-    flex: 1;
-    max-width: 1160px;
-    margin-top: 23px;
   }
 
   &__about {

src/pages/RegistrationSetting/registrationSetting.scss

@@ -1,15 +1,9 @@
 .registration-setting {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-  background-color: #f1f1f1;
-
   &__content {
-    display: flex;
+    background-color: #f1f1f1;
-    flex-direction: column;
-    flex: 1;
     color: #000000;
     padding: 50px 0 0;
+    min-height: 100vh;
 
     @media (max-width: 1375px) {
       padding-top: 100px;

src/pages/TrackerAuth/trackerAuth.scss

@@ -8,6 +8,7 @@
     display: flex;
     flex-direction: column;
     flex: 1;
+
     color: #000000;
     padding: 50px 0 0;
 

src/pages/TrackerRegistration/trackerRegistration.scss

@@ -1,15 +1,9 @@
 .tracker-registration {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-  background-color: #f1f1f1;
-
   &__content {
-    display: flex;
+    background-color: #f1f1f1;
-    flex-direction: column;
-    flex: 1;
     color: #000000;
     padding: 50px 0 0;
+    min-height: 100vh;
 
     @media (max-width: 1375px) {
       padding-top: 100px;