Song title/artist always on separate lines

diff --git a/src/littlesongplace/static/styles.css b/src/littlesongplace/static/styles.css
index c8316d2d07ec92defa9e358fd74928e0d90cfb60..8246524250157e29831875325df1f9121144d4d4 100644 (file)
--- a/src/littlesongplace/static/styles.css
+++ b/src/littlesongplace/static/styles.css
@@ -460,28 +460,16 @@ div.song-info {
     font-family: "Unageo", sans-serif;
     display: flex;
     flex-wrap: wrap;
-    flex-direction: row;
+    flex-direction: column;
     row-gap: 0px;
     column-gap: 10px;
-    align-items: center;
+    align-items: flex-start;
     flex-grow: 1;
     margin: 5px 0px;
     min-width: 0;
     overflow: hidden;
 }
 
-/* Artist on separate line for mobile */
-@media screen and (max-width: 480px) {
-    div.song-info {
-        flex-direction: column;
-        align-items: flex-start;
-    }
-
-    div.song-info-sep {
-        display: none;
-    }
-}
-
 .song-title a {
     text-decoration: none;
 }

diff --git a/src/littlesongplace/templates/song-macros.html b/src/littlesongplace/templates/song-macros.html
index f272529c97e8753156b91297712b4b5d0eb07d77..d8b604c089674e2ee578ad0aa05774abddf58832 100644 (file)
--- a/src/littlesongplace/templates/song-macros.html
+++ b/src/littlesongplace/templates/song-macros.html
@@ -23,10 +23,6 @@
         <a href="/song/{{ song.userid }}/{{ song.songid }}?action=view">{{ song.title }}</a>
     </div>
 
-    <!-- Separator -->
-    <div class="song-info-sep"> - </div>
-
-
     <!-- Song Artist(s) -->
     {{ song_artist(song) | indent(4) }}
 </div>