update: better styling

diff --git a/public/css/index.css b/public/css/index.css
index 76fbc32cd72e1a292325edf294018377c9322c2e..facd4cc6ef3558b31380967fc9909861cb5dd68c 100644 (file)
--- 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 4c0f66f765d23ffdc367a0f52492491ac39ff54b..a89956d992ef726bcaed207aaa15a3f5e16eacd2 100644 (file)
--- 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 3fc8d4f61d076b35c7be3b80a18f61ba0d139a39..feaf04ca3a6583f5cb7ad83a68f03f76b8321140 100644 (file)
--- 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 68ffd5bfbcbdc07e1b78cc88978b38c32a7712d1..fe6410779e0b77b3a063eaee7f2953037f099e10 100755 (executable)
Binary files a/songmanager and b/songmanager differ