From 9f22e547ae134b4e32e26cf4b651b8e9e5e13de9 Mon Sep 17 00:00:00 2001
From: yuki <yvki@riseup.net>
Date: Sun, 12 Oct 2025 08:14:26 -0300
Subject: [PATCH] another tweak

---
 css/main.scss | 7 ++++++-
 js/lastfm.js  | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/css/main.scss b/css/main.scss
index afb3b3a..e712f84 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -134,6 +134,7 @@ body {
                 display: flex;
                 align-items: flex-start;
                 max-height: 64px;
+                overflow: hidden;
                 img {
                     height: 100%;
                     margin: 0px 0px 0px 0px;
@@ -152,7 +153,11 @@ body {
                         padding: 0px 0px 0px 4px;                 
                     }
                 }
-                &:hover { background: hsl(0, 65%, 5%); }
+                &:hover { 
+                    background: hsl(0, 65%, 5%); 
+                    max-height: fit-content;
+                    height: 100%;
+                }
             }
         }
         
diff --git a/js/lastfm.js b/js/lastfm.js
index 292ee86..21b3a75 100644
--- a/js/lastfm.js
+++ b/js/lastfm.js
@@ -30,7 +30,7 @@ const getTrack = async () => {
                     <img src="${json.track.image[1]['#text']}">
                     <div id="trackInfoText">
                         <h3 id="trackName">${json.track.name}</h3>
-                        <p id="artistName">${json.track.artist['#text']}</p>
+                        <p id="artistName">by ${json.track.artist['#text']}</p>
                     </div>
                 </div>
             </a>