card redesign

src/pages/ProjectTracker/ProjectTracker.js

@@ -909,20 +909,6 @@ export const ProjectTracker = () => {
                                   }}
                                   className="tasks__board__item__description"
                                 ></p>
-                                <div className="tasks__board__item__executor">
-                                  <img
-                                    src={
-                                      task.executor?.avatar
-                                        ? urlForLocal(task.executor?.avatar)
-                                        : avatarMok
-                                    }
-                                    alt="avatar"
-                                  />
-                                  <span>
-                                    {task.executor?.fio ||
-                                      "Исполнитель не назначен"}
-                                  </span>
-                                </div>
                                 {Boolean(task.mark.length) && (
                                   <div className="tasks__board__item__tags">
                                     {task.mark.map((tag) => {
@@ -938,10 +924,11 @@ export const ProjectTracker = () => {
                                     })}
                                   </div>
                                 )}
+                                <div className="tasks__board__item__container">
                                   {typeof task.execution_priority ===
                                     "number" && (
                                     <div className="tasks__board__item__priority">
-                                    <p>Приоритет:</p>
+                                      <p>⚡</p>
                                       <span
                                         className={
                                           priorityClass[task.execution_priority]
@@ -953,13 +940,30 @@ export const ProjectTracker = () => {
                                   )}
                                   {task.dead_line && (
                                     <div className="tasks__board__item__dead-line">
-                                    <img src={calendarIcon} alt="calendar" />
+                                      <p>⌛</p>
                                       <span>
                                         {getCorrectDate(task.dead_line)}
                                       </span>
                                     </div>
                                   )}
+                                </div>
+
                                 <div className="tasks__board__item__info">
+                                  <div className="tasks__board__item__executor">
+                                    <img
+                                      src={
+                                        task.executor?.avatar
+                                          ? urlForLocal(task.executor?.avatar)
+                                          : avatarMok
+                                      }
+                                      alt="avatar"
+                                    />
+                                    <span>
+                                      {task.executor?.fio ||
+                                        "Исполнитель не назначен"}
+                                    </span>
+                                  </div>
+                                  <div className="tasks__board__item__info__tags">
                                     <div className="tasks__board__item__info__more">
                                       <img
                                         src={commentsBoard}
@@ -972,6 +976,7 @@ export const ProjectTracker = () => {
                                       <span>{task.file_count}</span>
                                     </div>
                                   </div>
+                                </div>
                                 <TrackerSelectColumn
                                   columns={projectBoard.columns.filter(
                                     (item) => item.id !== column.id

src/pages/Tracker/tracker.scss

@@ -806,7 +806,7 @@
 
           &__item {
             width: 328px;
-            padding: 6px 10px;
+            padding: 6px 10px 8px 10px;
             position: relative;
             box-shadow: 0px 3px 2px -2px rgba(0, 0, 0, 0.06),
               0px 5px 3px -2px rgba(0, 0, 0, 0.02);
@@ -845,7 +845,7 @@
                 color: #1a1919;
                 font-weight: 500;
                 font-size: 16px;
-                line-height: 24px;
+                line-height: 20px;
                 margin-bottom: 0;
                 max-height: 100px;
                 overflow: hidden;
@@ -881,13 +881,24 @@
               -webkit-box-orient: vertical;
             }
 
+            &__container {
+              display: flex;
+              justify-content: space-between;
+            }
+
             &__info {
               display: flex;
               column-gap: 10px;
               align-items: center;
+              justify-content: space-between;
               pointer-events: none;
               margin-top: 5px;
 
+              &__tags {
+                display: flex;
+                column-gap: 5px;
+              }
+
               &__more {
                 cursor: pointer;
                 display: flex;