From 7c9bb139e07b6a1e39d6f0f3b1cf48664401a100 Mon Sep 17 00:00:00 2001
From: yazninja <yazlesean@gmail.com>
Date: Wed, 4 May 2022 13:03:31 +0800
Subject: [PATCH] make heart icon in left side

---
 src/renderer/less/elements.less | 16 +++++++++-------
 src/renderer/less/pages.less    |  1 +
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/renderer/less/elements.less b/src/renderer/less/elements.less
index 27418eca..f44413a1 100644
--- a/src/renderer/less/elements.less
+++ b/src/renderer/less/elements.less
@@ -449,19 +449,19 @@
   }
 
   .heart-unfilled {
-    background-image: url("assets/feather/heart.svg");
+    -webkit-mask-image: url("assets/feather/heart.svg");
     height: 12px;
-    width: 36px;
-    filter: contrast(0);
+    width: 12px;
     background-repeat: no-repeat;
+    background-color: #999;
   }
 
   .heart-filled {
-    background-image: url("assets/feather/heart-fill.svg");
+    -webkit-mask-image: url("assets/feather/heart-fill.svg");
     height: 12px;
-    width: 36px;
-    filter: contrast(0);
+    width: 12px;
     background-repeat: no-repeat;
+    background-color: #999;
   }
 
   .explicit-icon {
@@ -473,7 +473,9 @@
   }
 
   .heart-icon {
-    display: flex
+    display: flex;
+    position: absolute;
+    left: -25px;
   }
 
   /* CSS.gg
diff --git a/src/renderer/less/pages.less b/src/renderer/less/pages.less
index 2e03391e..ad59e235 100644
--- a/src/renderer/less/pages.less
+++ b/src/renderer/less/pages.less
@@ -542,6 +542,7 @@
             overflow-y: overlay;
             overflow-x:hidden;
             padding: var(--contentInnerPadding);
+            padding-inline: 40px;
             -webkit-mask-image: linear-gradient(180deg, transparent, white 20px);
             .well {
               margin:0px;