body { margin: 0; padding: 0; font-family: sans-serif; } #controls { width: 99%; padding: 0.2em; position: fixed; background: white; } #tracks { width: 99%; padding: 0.2em; padding-top: 6em; overflow: auto; } .track { border-top: 1px solid gray; height: 3em; padding: 0.25em; padding-right: 0.5em; margin: 0 0.5em; clear: both; } .track.current { background: #fdd; } .track.running { background: #dfd; } .track:last-child { border-bottom: none; } .track > .index { width: 1.5em; text-align: center; font-size: 24pt; float: left; padding: 0 0.25em; margin-right: 0.1em; border: 1px solid gray; color: white; background: gray; } .track > .title { border: 1px dashed red; float: left; font-size: 16pt; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .track > .length { font-size: 16pt; /* text-transform: uppercase; padding-top: 10px; padding-left: 5px; */ float: right; } .track > .clear { float: left; clear: both; } .track > .bpm { font-size: 12pt; margin-top: -0.75em; float: right; } .track > .notes { font-size: 10pt; float: left; margin-top: -0.75em; padding-left: 5.5em; }