redesign cards

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;
           }
         }