Switch queue's line break before album from HTML to CSS.

diff --git a/htdocs/css/mpd.css b/htdocs/css/mpd.css
index 8931c92..6579fcc 100644 (file)
--- a/htdocs/css/mpd.css
+++ b/htdocs/css/mpd.css
@@ -60,8 +60,10 @@ body {
 }
 
 #salamisandwich td:nth-child(2) span {
-  font-style:italic;
-  font-size:90%;
+  font-style: italic;
+  font-size: 90%;
+
+  display: block;
 }
 
 tbody {

diff --git a/htdocs/js/mpd.js b/htdocs/js/mpd.js
index 5112874..a79affa 100644 (file)
--- a/htdocs/js/mpd.js
+++ b/htdocs/js/mpd.js
@@ -241,7 +241,7 @@ function webSocketConnect() {
 
                         $('#salamisandwich > tbody').append(
                             "<tr trackid=\"" + obj.data[song].id + "\"><td>" + (obj.data[song].pos + 1) + "</td>" +
-                                "<td>" + obj.data[song].artist + "<br /><span>" + obj.data[song].album  + "</span></td>" +
+                                "<td>" + obj.data[song].artist + "<span>" + obj.data[song].album  + "</span></td>" +
                                 "<td>" + obj.data[song].title  + "</td>" +
                                 "<td>" + minutes + ":" + (seconds < 10 ? '0' : '') + seconds +
                         "</td><td></td></tr>");
@@ -361,7 +361,7 @@ function webSocketConnect() {
                                 if (typeof obj.data[item].artist === 'undefined') {
                                     var details = "<td colspan=\"2\">" + obj.data[item].title + "</td>";
                                 } else {
-                                    var details = "<td>" + obj.data[item].artist + "<br /><span>" + obj.data[item].album + "</span></td><td>" + obj.data[item].title + "</td>";
+                                    var details = "<td>" + obj.data[item].artist + "<span>" + obj.data[item].album + "</span></td><td>" + obj.data[item].title + "</td>";
                                 }
 
                                $('#salamisandwich > tbody').append(