diff --git a/css/style.css b/css/style.css index c731ef5..e82f7e0 100644 --- a/css/style.css +++ b/css/style.css @@ -59,38 +59,33 @@ html body{ float:left; } -#sidenav { - width: 29%; - float:left; - height:49%; -} - #playersec { - width: 40%; + width: 48%; float:left; - margin-left: 1%; - margin-right : 1%; - height: auto; + margin-right: 2%; background: linear-gradient(to bottom, rgba(155,155,155,1) 0%,rgba(14,14,14,1) 100%); + height:100%; + max-height: 100%; } #timeline { - color: white; - height: auto; - min-height: 50%; - max-height: 100%; + color: white; + overflow:auto; + height: 80%; } #timeline section { - color: white; + color: white; + height: auto; } #player { - height: auto; - + height: 20%; } #playerlistsec { - width: 29%; + width: 48%; float:left; + margin-left: 2%; + overflow:auto; } diff --git a/index.html b/index.html index 3c0f197..1c1dda7 100644 --- a/index.html +++ b/index.html @@ -16,14 +16,7 @@
- +
diff --git a/js/mlib.js b/js/mlib.js index 6ba7f71..d000c6d 100644 --- a/js/mlib.js +++ b/js/mlib.js @@ -78,13 +78,13 @@ function trackChapChanged(trackId, chapterId) { trackInfo.innerHTML = ""; chapterInfo.innerHTML = ""; - episodeInfo.innerHTML = episodeObj.info; + episodeInfo.innerHTML = unescape(episodeObj.info); var trackObj = episodeObj.tracks[trackId]; - trackInfo.innerHTML = trackObj.info; + trackInfo.innerHTML = unescape(trackObj.info); var actNewTitle = episodeObj.title + " -> " + trackObj.title; if (trackObj.chapters && chapterId < trackObj.chapters.length) { var chapterObj = trackObj.chapters[chapterId]; - chapterInfo.innerHTML = chapterObj.info; + chapterInfo.innerHTML = unescape(chapterObj.info); actNewTitle = actNewTitle + " -> " + chapterObj.title; }