# HG changeset patch # User drewp@bigasterisk.com # Date 1654197706 0 # Node ID 758ce4dfbd2ffc0e38019fedeb93ee192093436e # Parent 4455c67d4a5cd1c9c0f23ac6d8749ded638d6c2c asco layout diff -r 4455c67d4a5c -r 758ce4dfbd2f light9/ascoltami/index.html --- a/light9/ascoltami/index.html Thu Jun 02 19:20:30 2022 +0000 +++ b/light9/ascoltami/index.html Thu Jun 02 19:21:46 2022 +0000 @@ -11,6 +11,7 @@ padding-left: 0.4em; } +

ascoltami on {{host}}

@@ -19,16 +20,22 @@
- + - + diff -r 4455c67d4a5c -r 758ce4dfbd2f light9/ascoltami/main.ts --- a/light9/ascoltami/main.ts Thu Jun 02 19:20:30 2022 +0000 +++ b/light9/ascoltami/main.ts Thu Jun 02 19:21:46 2022 +0000 @@ -79,7 +79,7 @@ button.click(); }); button.appendChild(link); - button.dataset.uri = song; + button.dataset.uri = song.uri; button.addEventListener("click", async (ev) => { await fetch("api/song", { method: "POST", body: song.uri }); showCurrentSong(song.uri); diff -r 4455c67d4a5c -r 758ce4dfbd2f light9/web/style.css --- a/light9/web/style.css Thu Jun 02 19:20:30 2022 +0000 +++ b/light9/web/style.css Thu Jun 02 19:21:46 2022 +0000 @@ -37,13 +37,13 @@ } .songs { - column-width: 15em; + column-width: 17em; } .songs button { display: inline-block; - width: 15em; - height: 50px; + width: 100%; + min-height: 50px; text-align: left; background: black; color: white; @@ -52,7 +52,6 @@ font-weight: bold; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; - white-space: nowrap; } button a { @@ -111,11 +110,11 @@ font-size: 27px; color: rgb(233, 122, 122); display: inline-block; - padding: 10px; font-size: 200% !important; font-weight: bold; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; + float: left; } .dropTarget {
Song: + Song: +
Time: Left: Until autostop: + Until autostop: +
- Update freq: requested , actual States: + Update freq: requested + , actual + States: