redesign cards

src/pages/ProjectTracker/ProjectTracker.js

@@ -878,6 +878,7 @@ export const ProjectTracker = () => {
                               "YYYY-MM-DD HH:mm:ss"
                             );
                             const titleColor =
+                              task.dead_line &&
                               dateDeadline < new Date(currentDate)
                                 ? "red"
                                 : "#1a1919";

src/pages/Tracker/tracker.scss

@@ -171,7 +171,7 @@
 
         .create-project-btn {
           width: 300px;
-          height: 113px;
+          height: 83px;
           border-radius: 12px;
           background: #ecf8e5;
           color: #000000;
@@ -224,7 +224,6 @@
             align-items: center;
             column-gap: 5px;
             img {
-              margin-left: -22px;
               height: 22px;
             }
           }
@@ -564,6 +563,10 @@
                 display: flex;
                 flex-direction: column;
 
+                @media (max-width: 900px) {
+                  left: 0px;
+                }
+
                 .close {
                   cursor: pointer;
                   width: 20px;

src/pages/ViewReport/ViewReport.jsx

@@ -155,7 +155,7 @@ export const ViewReport = () => {
                       : "view-report__bar__delete disable"
                   }
                 >
-                  Удалить отчет
+                  Удалить
                 </button>
               )}
             </div>
@@ -201,7 +201,7 @@ export const ViewReport = () => {
                 <thead>
                   <tr>
                     <th>
-                      <p>Какие задачи выполнены?</p>
+                      <p>Выполненные задачи</p>
                     </th>
                     <th>
                       <p>Время</p>
@@ -242,7 +242,7 @@ export const ViewReport = () => {
             </div>
             {Boolean(difficulties.length) && (
               <div className="view-report__item">
-                <h3>Какие сложности возникли?</h3>
+                <h3>Возникшие сложности</h3>
                 {difficulties.map((item, index) => {
                   return <p key={index}>{item}</p>;
                 })}

src/pages/ViewReport/viewReport.scss

@@ -60,7 +60,7 @@
     border-radius: 12px;
     padding: 20px 33px;
     align-items: center;
-    column-gap: 60px;
+    column-gap: 20px;
     height: 72px;
     justify-content: space-between;
 
@@ -88,9 +88,14 @@
     }
 
     &__delete {
-      background: white;
-      border-radius: 12px;
-      border: 1px dashed #8bcc60;
+      color: #000000;
+      font-size: 15px;
+      font-weight: 500;
+      line-height: 32px;
+      padding: 8px 24px;
+      background: whitesmoke;
+      border-radius: 44px;
+      border: none;
     }
 
     .disable {
@@ -343,9 +348,8 @@
           width: 100%;
 
           @media (max-width: 900px) {
-            max-width: 28px;
-            height: 28px;
-            font-size: 15px;
+            max-width: 40px;
+            height: 40px;
           }
         }