some quick UI fixes for mobile users

admin/static/edit-artist.css

@@ -140,7 +140,7 @@ a.delete {
 
 .release-artwork {
     width: 64px;
-    height: min-content;
+    height: 64px;
     border-radius: 4px;
 }
 

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;
+    }
+}

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;
     }
@@ -602,6 +605,14 @@ footer a:hover {
         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 {