update

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;
 }
 
 

index.html

@@ -16,14 +16,7 @@
             </header>
             <div id="breadcrumb"></div>
             <div id="contentwrapper">
-                <nav id="sidenav">
-                    <ul>
-                        <li>item1</li>
-                        <li>item2</li>
-                        <li><a href="#">item3</a>  
-                        <li>item4</li>
-                    </ul>
-                </nav>
+
 
                 <section id="playersec">
                     <div id="timeline">

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;
     }