fix styles

src/components/Common/ModalLayout/modalLayout.scss

@@ -23,6 +23,8 @@
 
     .select-person {
       align-items: start;
+      margin: 0;
+      padding: 0;
 
       &__info {
         font-size: 15px;
@@ -49,19 +51,17 @@
         display: flex;
         flex-direction: column;
         justify-content: space-between;
-
+        align-items: center;
-        button {
-          // margin: 0 auto;
-        }
       }
 
       .invite-person-block {
         display: flex;
         flex-direction: column;
-        row-gap: 20px;
+        align-items: center;
+        row-gap: 10px;
         &__input {
           margin: 0;
-          min-width: 320px;
+          min-width: 240px;
           height: 42px;
 
           input {
@@ -75,7 +75,7 @@
 
         &__btn {
           margin: 0;
-          max-width: 242px;
+          max-width: 190px;
           width: 100%;
         }
       }
@@ -106,7 +106,6 @@
       display: flex;
       flex-direction: column;
       row-gap: 10px;
-      padding: 19px 10px 29px 10px;
 
       @media (max-width: 500px) {
         padding: 10px;

src/components/Modal/Tracker/ListEmployees/ListEmployees.jsx

@@ -87,7 +87,7 @@ const ListEmployees = ({
           }}
         >
           <span className="add-person">+</span>
-          <p>Добавить участников</p>
+          <p>Добавить участника</p>
         </div>
       </div>
     </ModalLayout>

src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx

@@ -758,8 +758,7 @@ export const ModalTiсket = ({
         <div className="workers">
           <div className="workers_box task__info">
             <span className="exit" onClick={() => setActive(false)}></span>
-            <p className="workers__creator">Создатель: {task.user?.fio}</p>
+            Создатель: <p className="workers__creator">{task.user?.fio}</p>
-
             {executor ? (
               <>
                 <h5>Исполнитель: </h5>
@@ -819,7 +818,6 @@ export const ModalTiсket = ({
                 )}
               </div>
             )}
-
             {Boolean(members.length) && (
               <div className="members">
                 <h5>Участники:</h5>
@@ -847,7 +845,6 @@ export const ModalTiсket = ({
                 </div>
               </div>
             )}
-
             <div className="add-worker moreItems">
               <button
                 className="button-add-worker"
@@ -855,7 +852,7 @@ export const ModalTiсket = ({
               >
                 +
               </button>
-              <span>Добавить участников</span>
+              <span>Добавить участника</span>
               {dropListMembersOpen && (
                 <div className="dropdownList">
                   <img

src/components/Modal/Tracker/ModalTicket/modalTicket.scss

@@ -860,7 +860,7 @@
     &__creator {
       font-size: 14px;
       font-weight: 500;
-      color: #2d4a17;
+      
       max-width: 200px;
       overflow: hidden;
       white-space: nowrap;
@@ -873,6 +873,7 @@
         line-height: 32px;
         font-weight: 500;
         display: flex;
+        color: #2d4a17;
       }
     }
 

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

@@ -812,7 +812,7 @@ export const TicketFullScreen = () => {
               <div className="workers fullScreenWorkers">
                 <div className="workers_box task__info">
                   <div className="workers__creator">
-                    Создатель: <p>&nbsp;{taskInfo.user?.fio}</p>
+                    Создатель: <p>{taskInfo.user?.fio}</p>
                   </div>
 
                   {taskInfo.executor ? (
@@ -908,7 +908,7 @@ export const TicketFullScreen = () => {
                     >
                       +
                     </button>
-                    <span>Добавить участников</span>
+                    <span>Добавить участника</span>
                     {dropListMembersOpen && (
                       <div className="dropdownList">
                         <img

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

@@ -62,7 +62,6 @@
         .workers__creator {
           margin-bottom: 0 !important;
           display: flex;
-
         }
 
         .add-worker {

src/components/Modal/Tracker/TrackerModal/TrackerModal.jsx

@@ -407,7 +407,7 @@ export const TrackerModal = ({
             <div className="title-project select-person">
               <h4>Добавьте участника</h4>
               <p className="select-person__info">
-                Выберите пользователя в проекте или добавьте по e-mail
+                Выберите пользователя в списке или добавьте по e-mail
               </p>
               <div className="invite__blocks">
                 <div className="add-person-block">
@@ -440,7 +440,7 @@ export const TrackerModal = ({
                                   setSelectedWorker(worker);
                                 }}
                               >
-                                <p>{worker.employee.fio}</p>
+                                <span>{worker.employee.fio}</span>
                                 <img
                                   src={urlForLocal(worker.employee.avatar)}
                                   alt="avatar"
@@ -473,10 +473,10 @@ export const TrackerModal = ({
                     />
                   </div>
                   <BaseButton
-                    styles={"button-add invite-person-block__btn"}
+                    styles={"button-add add-person-btn"}
                     onClick={inviteUserByEmail}
                   >
-                    Отправить приглашение
+                    Пригласить
                   </BaseButton>
                 </div>
               </div>

src/components/Modal/Tracker/TrackerModal/trackerModal.scss

@@ -30,7 +30,6 @@
   display: flex;
   align-items: center;
   flex-direction: column;
-  row-gap: 12px;
   padding-bottom: 15px;
 
   .select-priority {
@@ -222,7 +221,7 @@
     border-radius: 5px;
     cursor: pointer;
     position: relative;
-    min-width: 320px;
+    min-width: 240px;
     height: 42px;
     width: 100%;
 
@@ -235,6 +234,16 @@
       margin-left: 10px;
     }
 
+    span {
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      font-size: 13px;
+      max-width: 270px;
+      margin: 0;
+      font-weight: 400;
+    }
+
     img {
       transition: all 0.3s ease;
       width: 20px;
@@ -246,6 +255,7 @@
       overflow-y: auto;
       display: flex;
       flex-direction: column;
+      justify-content: center;
       position: absolute;
       width: 100%;
       padding: 9.5px 12px;
@@ -730,8 +740,7 @@
 }
 
 .add-person-btn {
-  margin: 0 auto 0 0;
+  margin: 0;
-  margin-top: 20px;
 }
 
 .modal-add.active {

src/components/features/quiz/quiz.scss

@@ -520,7 +520,6 @@ $maxWidthContainer: 1123;
 .block-completed-test {
   background: #ffffff;
   border-radius: 12px;
-  // .block-completed-test__container
 
   &__container {
     padding: 41px 35px 29px 59px;
@@ -529,8 +528,6 @@ $maxWidthContainer: 1123;
     flex-wrap: wrap;
   }
 
-  // .block-completed-test__img
-
   &__img {
     flex: 0 0 54px;
     height: 60px;
@@ -542,8 +539,6 @@ $maxWidthContainer: 1123;
     }
   }
 
-  // .block-completed-test__title
-
   &__title {
     font-weight: 700;
     font-size: 18px;

src/pages/ProjectTracker/ProjectTracker.js

@@ -528,7 +528,9 @@ export const ProjectTracker = () => {
                       </div>
                     )}
                     {projectBoard.projectUsers?.length > 3 && (
-                      <span className="countPersons">+1</span>
+                      <span className="countPersons">
+                        +{projectBoard.projectUsers?.length - 3}
+                      </span>
                     )}
                     <span
                       className="add-person"

src/pages/Statistics/Statistics.jsx

@@ -191,7 +191,7 @@ const Statistics = () => {
                 </div>
                 <div className="add-person">
                   <span className="add-person__button">+</span>
-                  <p>Добавить участников</p>
+                  <p>Добавить участника</p>
                 </div>
               </div>
             </div>

src/pages/Tracker/tracker.scss

@@ -124,8 +124,7 @@
     &__content {
       width: 100%;
       background: #ffffff;
-      padding: 30px 0;
+      padding-top: 20px;
-      margin-bottom: 10px;
 
       &__wrapper {
         max-width: 1160px;