partner-area

src/pages/PartnerBid/PartnerBid.js

@@ -9,6 +9,7 @@ import arrowSwitchDate from "../../images/arrowViewReport.png";
 import backEndImg from "../../images/QualificationInfo.png";
 import middle from "../../images/QualificationInfoMiddle.png";
 import personImg from "../../images/mokPerson.png"
+import deleteBtn from "../../images/deleteBtn.png"
 
 import './partnerBid.scss'
 
@@ -46,6 +47,10 @@ export const PartnerBid = () => {
                 <h2 className='partnerBid__title'>Страница заявки </h2>
                 <div className='partnerBid__qualification'>
                     <h3>PHP разработчик</h3>
+                    <div className='partnerBid__qualification__buttons'>
+                        <button>Редактировать</button>
+                        <img src={deleteBtn} alt='delete' />
+                    </div>
                 </div>
                 <div className='partnerBid__switcher'>
                     <div className='partnerBid__switcher__prev switchDate'>

src/pages/PartnerBid/partnerBid.scss

@@ -25,6 +25,9 @@
     border-radius: 12px;
     padding: 20px 37px;
     margin-top: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
 
     h3 {
       color: #000000;
@@ -33,6 +36,31 @@
       line-height: 32px;
       margin-bottom: 0;
     }
+
+    &__buttons {
+      display: flex;
+      align-items: center;
+
+      button {
+        max-width: 168px;
+        width: 100%;
+        height: 48px;
+        background: #E1FCCF;
+        border-radius: 44px;
+        font-weight: 500;
+        font-size: 15px;
+        line-height: 32px;
+        color: #000000;
+        padding: 8px 24px 10px 32px;
+        border: none;
+      }
+
+      img {
+        width: 44px;
+        height: 44px;
+        margin-left: 21px;
+      }
+    }
   }
 
   &__switcher {
@@ -63,7 +91,7 @@
     p {
       color: #000000;
       font-weight: 400;
-      font-size: 12px;
+      font-size: 15px;
       line-height: 32px;
       margin: 0 100px;