Fixed buttons in tracker page

src/components/Modal/Tracker/ModalTicket/ModalTicket.jsx

@@ -9,7 +9,7 @@ import { getCorrectRequestDate, urlForLocal } from "@utils/helper";
 import { apiRequest } from "@api/request";
 
 import BaseButton from "@components/Common/BaseButton/BaseButton";
-import TrackerModal from "@components/Modal/TrackerModal/TrackerModal";
+import TrackerModal from "@components/Modal/Tracker/TrackerModal/TrackerModal";
 import TrackerTaskComment from "@components/TrackerTaskComment/TrackerTaskComment";
 
 import archive from "assets/icons/archive.svg";
@@ -370,10 +370,10 @@ export const ModalTiсket = ({
                 </BaseButton>
               </p>
               <p className="file">
-                <button>
+                <BaseButton styles={"button-add-file"}>
                   <img src={file}></img>
                   Загрузить файл
-                </button>
+                </BaseButton>
                 <span>{0}</span>
                 Файлов
               </p>
@@ -425,7 +425,12 @@ export const ModalTiсket = ({
               </div>
             ) : (
               <div className="add-worker moreItems ">
-                <button onClick={() => setDropListOpen(true)}>+</button>
+                <BaseButton
+                  onClick={() => setDropListOpen(true)}
+                  styles={"button-add-worker"}
+                >
+                  +
+                </BaseButton>
                 <span>Добавить исполнителя</span>
                 {dropListOpen && (
                   <div className="dropdownList">
@@ -473,7 +478,12 @@ export const ModalTiсket = ({
             )}
 
             <div className="add-worker moreItems">
-              <button onClick={() => setDropListMembersOpen(true)}>+</button>
+              <BaseButton
+                onClick={() => setDropListMembersOpen(true)}
+                styles={"button-add-worker"}
+              >
+                +
+              </BaseButton>
               <span>Добавить участников</span>
               {dropListMembersOpen && (
                 <div className="dropdownList">

src/components/Modal/Tracker/ModalTicket/modalTicket.scss

@@ -277,7 +277,7 @@
         justify-content: space-between;
         margin-left: 20px;
 
-        button {
+        .button-add-file {
           display: flex;
           align-items: center;
           justify-content: center;
@@ -332,6 +332,10 @@
         cursor: pointer;
         margin-right: 18px;
       }
+
+      &:focus-within {
+        border: 1px solid #0000004d;
+      }
     }
   }
 
@@ -392,6 +396,7 @@
       display: flex;
       align-items: center;
       position: relative;
+      margin-bottom: 5px;
 
       span {
         color: #000000;
@@ -402,17 +407,12 @@
         font-weight: 400;
       }
 
-      button {
-        cursor: pointer;
-        background: #8bcc60;
-        border-radius: 44px;
+      .button-add-worker {
         width: 33px;
         height: 33px;
         display: flex;
         justify-content: center;
         align-items: center;
-        border: none;
-        color: white;
         font-size: 17px;
       }
     }
@@ -601,6 +601,10 @@
             font-weight: 700;
           }
         }
+
+        p:hover {
+          text-decoration: underline;
+        }
       }
     }
   }