From bd8f82fa2021f07930c59f0be5fab9c26cfd77e2 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Thu, 9 Jun 2022 02:10:21 -0700
Subject: [PATCH] mediaitem artwork css changes

- set image rendering for artworkLCD to auto
- changed missingartwork background to apply on img instead of the containing div to fix weird outlines
---
 src/renderer/less/elements.less | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/renderer/less/elements.less b/src/renderer/less/elements.less
index ba598e8c..00ff74da 100644
--- a/src/renderer/less/elements.less
+++ b/src/renderer/less/elements.less
@@ -211,7 +211,6 @@
   }
 }
 
-
 // Media Item Elements
 
 .mediaitem-artwork {
@@ -221,9 +220,6 @@
   position: relative;
   width: 100%;
   height: 100%;
-  background-image: url("./assets/MissingArtwork.svg");
-  background-size: cover;
-  background-position: center;
 
   .animatedartwork-view-box {
     position: absolute;
@@ -270,6 +266,9 @@
     object-fit: cover;
     image-rendering: -webkit-optimize-contrast;
     pointer-events: none;
+    background-image: url("./assets/MissingArtwork.svg");
+    background-size: cover;
+    background-position: center;
   }
 
   &.no-shadow {
@@ -289,6 +288,11 @@
   }
 }
 
+
+#artworkLCD img {
+  image-rendering: auto;
+}
+
 /* queue item */
 .cd-queue-item {
   border-bottom: 0px solid rgb(200 200 200 / 10%);