Fixed styles modalTracker

src/components/Modal/Tracker/TrackerModal/trackerModal.scss

@@ -1,3 +1,4 @@
+//Удалить при переходе всех модалок в обертку modalLayout
 .modal-add {
   z-index: 9;
   height: 100%;
@@ -23,125 +24,123 @@
     align-items: center;
     justify-content: center;
   }
+}
 
-  .title-project {
+.title-project {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  margin: 0 0 15px 0;
+
+  .input-container {
+    width: 287px;
+    height: 35px;
+    background: #ffffff;
+    border-radius: 8px;
+    margin: 12px 0;
+
+    input::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+    }
+  }
+
+  h4 {
+    font-weight: 500;
+    font-size: 22px;
+    line-height: 26px;
+    color: #263238 !important;
+  }
+
+  &__decs {
+    font-weight: 300;
+    font-size: 12px;
+    line-height: 14px;
+    margin: 12px 0 16px 0;
+  }
+
+  &__textarea {
+    resize: none;
+    width: 302px;
+    height: 83px;
+    background: #ffffff;
+    border-radius: 8px;
+    border: none;
+    font-size: 15px;
+    line-height: 18px;
+  }
+
+  .select__worker {
     display: flex;
+    justify-content: space-between;
     align-items: center;
-    flex-direction: column;
-    margin: 0 0 15px 0;
+    padding: 5px;
+    background: white;
+    border-radius: 5px;
+    cursor: pointer;
+    width: 100%;
+    position: relative;
 
-    .input-container {
-      width: 287px;
-      height: 35px;
-      background: #ffffff;
-      border-radius: 8px;
-      margin: 12px 0;
-
-      input::-webkit-inner-spin-button {
-        -webkit-appearance: none;
-      }
+    p {
+      max-width: 150px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      font-size: 14px;
     }
 
-    h4 {
-      font-weight: 500;
-      font-size: 22px;
-      line-height: 26px;
-      color: #263238 !important;
+    img {
+      transition: all 0.3s ease;
+      width: 16px;
+      height: 16px;
     }
 
-    &__decs {
-      font-weight: 300;
-      font-size: 12px;
-      line-height: 14px;
-      margin: 12px 0 16px 0;
-    }
-
-    &__textarea {
-      resize: none;
-      width: 302px;
-      height: 83px;
-      background: #ffffff;
-      border-radius: 8px;
-      border: none;
-      font-size: 15px;
-      line-height: 18px;
-    }
-
-    .select__worker {
+    &__dropDown {
       display: flex;
-      justify-content: space-between;
-      align-items: center;
+      flex-direction: column;
+      position: absolute;
+      width: 100%;
       padding: 5px;
+      top: 35px;
+      left: 0;
       background: white;
       border-radius: 5px;
-      cursor: pointer;
-      width: 100%;
-      position: relative;
+      row-gap: 5px;
 
-      p {
-        max-width: 150px;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        font-size: 14px;
-      }
-
-      img {
-        transition: all 0.3s ease;
-        width: 16px;
-        height: 16px;
-      }
-
-      &__dropDown {
+      .worker {
         display: flex;
-        flex-direction: column;
-        position: absolute;
-        width: 100%;
-        padding: 5px;
-        top: 35px;
-        left: 0;
-        background: white;
-        border-radius: 5px;
-        row-gap: 5px;
-
-        .worker {
-          display: flex;
-          justify-content: space-between;
-        }
-      }
-    }
-
-    .open {
-      .arrow {
-        transform: rotate(180deg);
+        justify-content: space-between;
       }
     }
   }
 
-  .name-project {
-    margin-left: 10px;
-    border: none;
-    outline: none;
-    height: 100%;
-    width: 90%;
-    font-size: 14px;
+  .open {
+    .arrow {
+      transform: rotate(180deg);
+    }
   }
+}
 
-  .button-add {
-    width: 130px;
-    height: 37px;
-    // background: #52b709;
-    // border-radius: 44px;
-    // border: none;
-    font-weight: 400;
-    font-size: 15px;
-    line-height: 32px;
-    // color: #ffffff;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin: 0 auto;
-  }
+.name-project {
+  margin-left: 10px;
+  border: none;
+  outline: none;
+  height: 100%;
+  width: 90%;
+  font-size: 14px;
+}
+
+.button-add {
+  width: 130px;
+  height: 37px;
+
+  font-weight: 400;
+  font-size: 15px;
+  line-height: 32px;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0 auto;
 }
 
 .modal-add.active {