1920x550 main view re-layout - 20221108

[franktw956]

Just for personal favorite, and I'd like to share the media.css changes if someone is interested to modify.

Enlarge the albumart and add image border

Code:

img.coverart {width:88vh;border:2px solid #fff;border-radius: 15%;}

Remove some metadata displays

Code:

#extra-tags-display {display:none;}

#currentalbum {display:none;}

#currentartist {display:none;}

Move HD / HiRes badge into Time Knob circle

Code:

.playback-hd-badge {margin:auto; display:block;width: 3%;position:absolute;top:22%;left:48.2%;font-size:1.3rem;}

Fine tune Time Knob

Code:

#countdown {margin:0 auto;height:17.5vw;width:17.5vw;}

#countdown div {margin:0 auto;} /* needed to center the knob */

#countdown-display {position:absolute;top:51%;left:50%;margin-right:0px;margin-bottom:0px;transform:translate(-50%, -50%);font-size:2.5vw;font-weight:500;cursor:pointer;}

#total {position:absolute;top:68%;left:50%;transform:translate(-50%);font-size:1.5vw;}

.total-radio {top:70%!important;}

Move currentsong text in between playbar and bottom menu

Code:

#currentsong  {width:500px;position:absolute;top:85.8%;left:50%;font-size:1.1vw; word-wrap: break-word;margin-right:0px;margin-bottom:0px;transform:translate(-50%, -50%);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}