Less padding over track title in .small mode

siznax · Mar 5, 2021 · 44ee157 · 44ee157
1 parent 60b7414
commit 44ee157
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 4 deletions.
diff --git 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
@@ -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
@@ -10,10 +10,7 @@
 {% set artist = artist.split(';')[0].split(',')[0] %}
 {% endif %}
 
-<div
-   id="audio-table"
-   class="bg-white"
-   style="position: sticky; top: 0; padding-top: 2.2em;">
+<div id="audio-table" class="bg-white">
 
   <table id="album" class="center">