diff --git a/admin/static/edit-artist.css b/admin/static/edit-artist.css index b96d2ce..e481b68 100644 --- a/admin/static/edit-artist.css +++ b/admin/static/edit-artist.css @@ -140,7 +140,7 @@ a.delete { .release-artwork { width: 64px; - height: min-content; + height: 64px; border-radius: 4px; } diff --git a/admin/static/edit-release.css b/admin/static/edit-release.css index f3ae6e2..9feb9ad 100644 --- a/admin/static/edit-release.css +++ b/admin/static/edit-release.css @@ -551,3 +551,14 @@ dialog div.dialog-actions { #addtrack ul li.new-track:hover { background: #e0e0e0; } + +@media only screen and (max-width: 1105px) { + #release { + flex-direction: column; + align-items: center; + } + + .release-info { + width: auto; + } +} diff --git a/public/style/music-gateway.css b/public/style/music-gateway.css index 9eff4e4..6790828 100644 --- a/public/style/music-gateway.css +++ b/public/style/music-gateway.css @@ -532,12 +532,11 @@ footer a:hover { #art-container { width: 100%; - margin-bottom: 2rem; } #artwork { width: auto; - max-width: 50vw; + max-width: 60vw; height: auto; max-height: 50vh; } @@ -551,21 +550,25 @@ footer a:hover { gap: 2rem; height: auto; overflow-y: auto; + mask-image: none; } div#info > div { min-width: auto; min-height: auto; padding: 0; - margin: 0; + margin: 2em 0 0 0; overflow-y: unset; - mask-image: none; } div#info p { margin: 0 auto; } + div#overview p { + margin: .5em auto; + } + div#extras { display: none; } @@ -598,10 +601,18 @@ footer a:hover { list-style: none; } - #share.active: : after { + #share.active::after { transform: translate(calc(-50% - .6em),1.5em); } + #credits h2 { + margin: 0 auto; + } + + #lyrics p.album-track-subheading { + margin-bottom: 1em; + } + footer { height: 4rem; font-size: .8rem; @@ -611,6 +622,9 @@ footer a:hover { display: none; } + #overlay { + background-size: 100vw 4px; + } } @keyframes background-init {