From: 2weiEmu <saalbach.robert@outlook.de>
Date: Sun, 15 Mar 2026 22:19:13 +0000 (+0100)
Subject: update: better styling
X-Git-Url: https://git.saalbach.dev/?a=commitdiff_plain;h=7746b08c769c1337d5e7552e0d523dcb88a5e1f3;p=binbsis50-sm.git

update: better styling
---

diff --git a/public/css/index.css b/public/css/index.css
index 76fbc32..facd4cc 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -3,5 +3,18 @@
 }
 
 #editElement {
-	background-color: red;
+}
+
+ul {
+	list-style-type: none;
+	margin: 0;
+	padding: 0;
+}
+
+#editElement {
+	padding: 20px;
+	border-radius: 5px;
+	background-color: #d9d9d9;
+	border: 1px solid gray;
+	box-shadow: 5px 5px 5px 5px #d9d9d9;
 }
diff --git a/public/index.html b/public/index.html
index 4c0f66f..a89956d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -15,7 +15,7 @@
 			<h2>List of songs in the database:</h2>
 			<p>Filter songs here:</p>
 			<input id="allSongFilterList" type="text"></input>
-			<ul style="max-height: 200px; overflow-y: auto" id="db_status_song_list">
+			<ul style="max-height: 400px; overflow-y: auto" id="db_status_song_list">
 			</ul>
 
 			<h2>Which rooms these songs are applied to</h2>
diff --git a/public/js/index.js b/public/js/index.js
index 3fc8d4f..feaf04c 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -56,6 +56,10 @@ function newSongDisplayWithEdit(song) {
 	let wrap = document.createElement("div")
 	wrap.id = "key=" + song.Key
 	let info = document.createElement("p")
+	info.style.display = "inline-block"
+	info.style.margin = "7px 5px 7px 5px"
+	info.style.padding = "2px 5px 2px 5px"
+	info.style.minWidth = "400px"
 	info.innerText = "(" + song.Key + ") " + song.DisplayTrackName + " by " + song.DisplayArtistNames.replace("~", ", ")
 
 	let but = document.createElement("button")
diff --git a/songmanager b/songmanager
index 68ffd5b..fe64107 100755
Binary files a/songmanager and b/songmanager differ