fix heart icon position

src/renderer/less/elements.less

@@ -359,7 +359,11 @@
   align-items: center;
   border-radius: var(--mediaItemRadius);
   position: relative;
-
+  &:hover{
+    .heart-icon{
+      display: none;
+    }
+  }
   .popular {
     background-image: url(assets/star.svg);
     background-repeat: no-repeat;
@@ -475,7 +479,7 @@
   .heart-icon {
     display: flex;
     position: absolute;
-    left: -25px;
+    left: 20px;
   }
 
   /* CSS.gg

src/renderer/less/pages.less

@@ -497,6 +497,16 @@
   flex-direction: column;
   height: 100%;
   overflow: hidden;
+  .cd-mediaitem-list-item{
+    &:hover{
+      .heart-icon{
+        display:flex;
+      }
+    }
+    .heart-icon{
+      left: -25px;
+    }
+  }
   
   .editTracksBtn {
     position: absolute;