From fa82abf73a124154e99c6d72e46e045a24b66ce6 Mon Sep 17 00:00:00 2001
From: Matthew Stead <matievisthekat@gmail.com>
Date: Tue, 30 Nov 2021 01:49:47 +0200
Subject: [PATCH] fix(plugins/music): restrict track name to one line & set
 constant artwork size (#685)

---
 source/templates/classic/partials/music.ejs | 4 ++--
 source/templates/classic/style.css          | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/source/templates/classic/partials/music.ejs b/source/templates/classic/partials/music.ejs
index cc0d6f07..c23dfcc4 100644
--- a/source/templates/classic/partials/music.ejs
+++ b/source/templates/classic/partials/music.ejs
@@ -22,9 +22,9 @@
             <div class="tracklist">
               <% for (const {name = "", artist = "", artwork = "", played_at = ""} of plugins.music.tracks) { %>
                 <div class="track">
-                  <img src="<%= artwork %>" width="<%= plugins.music.played_at && played_at ? 48 : 32 %>" height="<%= plugins.music.played_at && played_at ? 48 : 32 %>" alt=""/>
+                  <img src="<%= artwork %>" width="32" height="32" alt=""/>
                   <div class="infos">
-                    <div class="name"><%= name %></div>
+                    <div class="name" style="width: <%= large ? 774 : columns ? '100%' : 387 %>"><%= name %></div>
                     <div class="artist"><%= artist %></div>
                     <% if (plugins.music.played_at && played_at) { %>
                         <div class="played-at">Played at <%= played_at %></div>
diff --git a/source/templates/classic/style.css b/source/templates/classic/style.css
index 2342fec9..2d084468 100644
--- a/source/templates/classic/style.css
+++ b/source/templates/classic/style.css
@@ -468,7 +468,11 @@
   .track .name {
     font-size: 14px;
     line-height: 14px;
+    height: 14px;
     font-weight: 600;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
   .track .artist, .track .played-at {
     font-size: 12px;