Fixed modalSelect

src/components/ProjectTiket/ProjectTiket.jsx

@@ -62,7 +62,6 @@ export const ProjectTiket = ({ project, index }) => {
             0
           )}
         </span>
-        {/*<span className="add">{project.columns.length ? '+' : ''}</span>*/}
         <span className="menu-settings" onClick={() => setModalSelect(true)}>
           ...
         </span>

src/components/ProjectTiket/projectTiket.scss

@@ -83,7 +83,6 @@
       color: #6f6f6f;
       right: 0;
       top: -35%;
-      z-index: 999;
 
       @media (max-width: 430px) {
         display: none;

src/components/UI/ModalAdd/ModalAdd.jsx

@@ -157,7 +157,7 @@ export const ModalAdd = ({ active, setActive, selectedTab, defautlInput }) => {
               </div>
             </div>
             <button className="button-add" onClick={(e) => e.preventDefault()}>
-              Добавить
+              Сохранить
             </button>
             <span className="exit" onClick={() => setActive(false)}></span>
           </div>

src/components/UI/ModalSelect/ModalSelect.jsx

@@ -5,6 +5,7 @@ import "./modalSelect.scss";
 export const ModalSelect = ({ active, children }) => {
   return (
     <div className={active ? "project__settings active" : "project__settings "}>
+      <span className="project__settings-ellipsis">...</span>
       {children}
     </div>
   );

src/components/UI/ModalSelect/modalSelect.scss

@@ -21,6 +21,14 @@
         }
       }
     }
+
+    &-ellipsis {
+      position: absolute;
+      top: -2px;
+      left: 10px;
+      font-size: 21px;
+      color: #6f6f6f;
+    }
   }
 
   &__settings.active {