diff --git a/htdocs/css/mympd.css b/htdocs/css/mympd.css
index e814573..fcd5a7d 100644
--- a/htdocs/css/mympd.css
+++ b/htdocs/css/mympd.css
@@ -33,10 +33,6 @@ button {
}
-.card {
- min-height: 350px;
-}
-
@media only screen and (max-width: 576px) {
.header-logo {
display:none !important;
diff --git a/htdocs/js/mympd.js b/htdocs/js/mympd.js
index c3bad88..8bf9499 100644
--- a/htdocs/js/mympd.js
+++ b/htdocs/js/mympd.js
@@ -1341,7 +1341,11 @@ function parseListDBtags(obj) {
'
' +
'
' +
'
' + obj.data[i].value + '
' +
- '
' +
+ '
keyboard_arrow_right Show Titles ' +
+ '
' +
'
'+
'';
@@ -1433,6 +1437,16 @@ function parseListTitles(obj) {
img.setAttribute('data-type', 'dir');
document.getElementById('albumartist' + id).innerText = obj.albumartist;
+ var titleTable = document.getElementById('collapseLink' + id);
+ var myCollapseInit = new Collapse(titleTable);
+
+ document.getElementById('collapse' + id).addEventListener('show.bs.collapse', function() {
+ titleTable.innerHTML = 'keyboard_arrow_down Hide Titles';
+ }, false);
+ document.getElementById('collapse' + id).addEventListener('hidden.bs.collapse', function() {
+ titleTable.innerHTML = 'keyboard_arrow_right Show Titles';
+ }, false);
+
var titleList = '';
var nrItems = obj.data.length;
for (var i = 0; i < nrItems; i++) {