diff --git a/Moo/play/static/album.css b/Moo/play/static/album.css index e11ef0b..2bbfd5d 100644 --- a/Moo/play/static/album.css +++ b/Moo/play/static/album.css @@ -9,8 +9,10 @@ div#album-cover.small, div#album-cover.small img { display: inline-block; width: 100%; border-radius: 0px; + margin-bottom: -4px; } + div#album-audio { position: absolute; top: 0; left: 63%; width: 36%; @@ -23,6 +25,19 @@ div#album-audio.small { width: 100%; } + +div#audio-table { + position: sticky; + top: 0; + padding-top: 2.2em; +} + +.small div#audio-table { + margin-top: 0; + padding-top: 12px; +} + + #track-number { font-size: 1.1em; margin: 0; diff --git a/Moo/play/static/metadata.css b/Moo/play/static/metadata.css index 39a1d81..2028b12 100644 --- a/Moo/play/static/metadata.css +++ b/Moo/play/static/metadata.css @@ -1,3 +1,8 @@ +#metadiv { + background-color: lightyellow; + padding:0 4px; +} + #metadiv span { margin-bottom: 0.4em; } diff --git a/Moo/play/templates/audio-table.html b/Moo/play/templates/audio-table.html index 3310b07..e77adab 100644 --- a/Moo/play/templates/audio-table.html +++ b/Moo/play/templates/audio-table.html @@ -10,10 +10,7 @@ {% set artist = artist.split(';')[0].split(',')[0] %} {% endif %} -