layout tracker

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

@@ -403,7 +403,6 @@ export const TrackerModal = ({
         } else {
           setActive(false);
           setEmailWorker("");
-          // const newParticipant = response.data;
           dispatch(addPersonToProject(response));
           showNotification({
             show: true,

src/components/ProjectTicket/ProjectTicket.jsx

@@ -101,7 +101,10 @@ export const ProjectTicket = ({ project, index }) => {
             alt="avatar"
             className="project__avatar"
           />
-          <span>{project.owner_info.fio}</span>
+          <div>
+            <p>Создатель проекта</p>
+            <span>{project.owner_info.fio}</span>
+          </div>
         </div>
       </Link>
 
@@ -112,6 +115,11 @@ export const ProjectTicket = ({ project, index }) => {
         Посмотреть статистику
       </Link> */}
 
+      <span className="project-stats" onClick={() => {}}>
+        Просмотреть <br />
+        статистику проекта
+      </span>
+
       <span
         className="menu-settings"
         onClick={() => {

src/components/ProjectTicket/projectTicket.scss

@@ -2,7 +2,8 @@
   display: flex;
   flex-direction: column;
   position: relative;
-  width: 300px;
+  width: 22%;
+  height: 170px;
   background: #f1f1f1;
   border-radius: 12px;
 
@@ -29,7 +30,7 @@
     text-overflow: ellipsis;
     font-size: 18px;
     color: #111112;
-    margin-bottom: 10px;
+    margin: 0 0 15px 0;
 
     &:hover {
       color: black;
@@ -44,14 +45,15 @@
     p {
       color: #6f6f6f;
       margin-bottom: 0;
-      font-size: 12px;
-      font-weight: 500;
+      font-size: 9px;
+      font-weight: 300;
       line-height: 17px;
     }
 
     span {
       color: blue;
       font-size: 15px;
+      font-weight: 400;
     }
 
     .count {
@@ -80,18 +82,29 @@
     }
   }
 
+  &-stats {
+    font-size: 12px;
+    font-weight: 300;
+    line-height: 17px;
+    text-decoration: underline;
+    color: #678eda;
+    position: absolute;
+    left: 18px;
+    bottom: 10px;
+  }
+
   .menu-settings {
     position: absolute;
     font-size: 30px;
     color: #6f6f6f;
     right: 15px;
-    top: -10px;
+    bottom: 10px;
   }
 
   &__avatar {
-    width: 25px;
-    height: 25px;
-    margin-right: 10px;
+    width: 30px;
+    height: 30px;
+    margin: 0 10px 0 0;
   }
 
   &__open-tracker {