tracker-tasks

src/pages/Tracker/tracker.scss

@@ -252,7 +252,6 @@
           &__persons {
             position: relative;
             display: flex;
-            cursor: pointer;
             align-items: center;
 
             .projectPersons {
@@ -302,8 +301,14 @@
               background: #00c5a8;
               color: white;
               font-size: 14px;
+              transition: all 0.15s ease;
               left: -28px;
               z-index: 2;
+              cursor: pointer;
+
+              &:hover {
+                background: #10d5bb;
+              }
             }
 
             p {
@@ -466,6 +471,8 @@
             display: flex;
             align-items: center;
             color: black;
+            max-width: 180px;
+            width: 100%;
 
             p {
               font-weight: 400;
@@ -477,6 +484,12 @@
               margin-left: 10px;
               width: 20px;
             }
+
+            &:hover {
+              p {
+                font-weight: 500;
+              }
+            }
           }
         }
 
@@ -738,12 +751,20 @@
               font-weight: 500;
               font-size: 16px;
               line-height: 24px;
-              cursor: pointer;
+              max-width: 250px;
+              overflow: hidden;
+              white-space: nowrap;
+              text-overflow: ellipsis;
             }
 
             .add {
               color: #6f6f6f;
               font-size: 19px;
+              cursor: pointer;
+
+              &:hover {
+                font-weight: 600;
+              }
             }
 
             .more {
@@ -751,6 +772,11 @@
               position: relative;
               bottom: 4px;
               font-size: 20px;
+              cursor: pointer;
+
+              &:hover {
+                font-weight: 600;
+              }
             }
 
             .done {