diff --git a/src/css/songselect.css b/src/css/songselect.css index d83a074..8e56b88 100644 --- a/src/css/songselect.css +++ b/src/css/songselect.css @@ -35,23 +35,30 @@ ul li{ } .song-title{ - float:right; - display:inline-block; - width:20px; - height: 100%; - padding:10px; + float: right; + width: 0px; + padding: 12px 24px; + word-wrap: break-word; + font-size: 22pt; + color: white; + margin-right: 10px; + position: relative; + z-index: 1; + line-height: 28px; +} + +.song-title:before { + content: attr(alt); + position: relative; + -webkit-text-stroke: 0.25em #000; + z-index: -1; word-wrap: break-word; - font-size: 28pt; - color:white; - margin-right:10px; - -webkit-text-stroke-width: 2px; - -webkit-text-stroke-color: black; } .song{ font-size: 14pt; - width: 60px; - margin-right:20px; + width: 45px; + margin-right:15px; height:100%; color: black; display: inline-block; diff --git a/src/js/bufferedloop.js b/src/js/bufferedloop.js index 5caa669..7c44d4a 100644 --- a/src/js/bufferedloop.js +++ b/src/js/bufferedloop.js @@ -42,7 +42,6 @@ class BufferedLoop{ source.start(time) this.bufferedTime=time+duration this.sources.add(source) - console.log(this.sources) setTimeout(function(){ self.sources.delete(source) },duration*1000) diff --git a/src/js/songselect.js b/src/js/songselect.js index 8674d60..448d822 100644 --- a/src/js/songselect.js +++ b/src/js/songselect.js @@ -104,8 +104,9 @@ function SongSelect(){ var titleSplit = songDir.split(" "); var songID = titleSplit[0]; var songTitle = songDir.substr(songID.length+1, songDir.length-(songID.length+1)); + var songTitleSpace = songTitle.replace(/ /g, ' '); - _code += "
"+songTitle+'
'; + _code += "
"+songTitleSpace+'
'; _code += "