From 79c6e131e1a56d62230389ad3167ee61aa86061b Mon Sep 17 00:00:00 2001
From: Chris Fulljames <christianfulljames@gmail.com>
Date: Tue, 1 Jul 2025 08:03:30 -0400
Subject: [PATCH] Song title/artist always on separate lines

---
 src/littlesongplace/static/styles.css          | 16 ++--------------
 src/littlesongplace/templates/song-macros.html |  4 ----
 2 files changed, 2 insertions(+), 18 deletions(-)

diff --git a/src/littlesongplace/static/styles.css b/src/littlesongplace/static/styles.css
index c8316d2..8246524 100644
--- 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 f272529..d8b604c 100644
--- 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>
-- 
2.39.5