From a5d31ff2f9b6a5ba567f60e21206dce85eea9dc0 Mon Sep 17 00:00:00 2001
From: booploops <49113086+booploops@users.noreply.github.com>
Date: Tue, 28 Dec 2021 13:04:09 -0800
Subject: [PATCH] readding key to mediaitem-artwork to prevent artwork sticking

---
 src/renderer/style.less                             | 6 ++++++
 src/renderer/views/components/mediaitem-artwork.ejs | 2 +-
 src/renderer/views/pages/home.ejs                   | 5 +++--
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/renderer/style.less b/src/renderer/style.less
index 1955353d..75c395c9 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -1544,6 +1544,12 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
   top: 0;
   padding-top: var(--navbarHeight);
 
+  .col.madeforyou-col {
+    width: 420px;
+    min-width: 0px;
+    max-width: 420px;
+  }
+
   .user-icon {
     border-radius: 100%;
     width: 128px;
diff --git a/src/renderer/views/components/mediaitem-artwork.ejs b/src/renderer/views/components/mediaitem-artwork.ejs
index 7c96e926..154df983 100644
--- a/src/renderer/views/components/mediaitem-artwork.ejs
+++ b/src/renderer/views/components/mediaitem-artwork.ejs
@@ -1,5 +1,5 @@
 <script type="text/x-template" id="mediaitem-artwork">
-    <div class="mediaitem-artwork" :class="[{'rounded': (type == 'artists')}, classes]"
+    <div class="mediaitem-artwork" :class="[{'rounded': (type == 'artists')}, classes]" :key="url"
          v-observe-visibility="{callback: visibilityChanged}">
         <img :src="app.getMediaItemArtwork(url, size, width)"
              decoding="async" loading="lazy"
diff --git a/src/renderer/views/pages/home.ejs b/src/renderer/views/pages/home.ejs
index 4219144d..e5af558d 100644
--- a/src/renderer/views/pages/home.ejs
+++ b/src/renderer/views/pages/home.ejs
@@ -23,12 +23,13 @@
             <div class="col">
                 <h3>Your Favorites</h3>
                 <div class="well">
-                    <mediaitem-scroller-horizontal kind="small" :items="friendsListeningTo" :item="item"></mediaitem-scroller-horizontal>
+                    <div>Items you have added to your favorites will appear here.</div>
+                    <!-- <mediaitem-scroller-horizontal kind="small" :items="friendsListeningTo" :item="item"></mediaitem-scroller-horizontal> -->
                 </div>
             </div>
         </div>
         <div class="row">
-            <div class="col">
+            <div class="col madeforyou-col">
                 <h3>Made For You</h3>
                 <div class="well">
                     <mediaitem-square kind="small" v-for="item in madeForYou" :item="item"></mediaitem-square>