* { margin: 0; padding: 0; } html { height: 100%; } body { font-family: sans-serif; height: 100%; } main { height: 100%; display: flex; flex-direction: column; } aside { padding: .5em; float: right; max-width: 120px; max-height: 120px; position: absolute; right: 0; top: 0; } img.audioCoverArt{ height: 60px; width: 60px; } article{ background-color: #1b1c1d; color: white; position: relative; display: block; padding: 1.25em; } .queue-wrapper { flex: 1; padding: .5em; background-color: #2f3030; height: 100%; overflow-y: auto; } table { border-collapse: collapse; width: 100%; table-layout: fixed; } td { padding: .5em; font-size: 90%; border: 0px; } .ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .current-song * { background-color: white; color: black; } tr:hover { background-color: #1b1c1d; color: white; } tr { cursor: pointer; color: white; } audio { width: 100%; vertical-align: bottom; background-color: #1b1c1d; } audio::-webkit-media-controls-enclosure{ border-radius: 0px; max-height: 40px; } audio::-webkit-media-controls-play-button { background-color: lightblue; }