# HG changeset patch # User drewp@bigasterisk.com # Date 2022-06-02 19:21:46 # Node ID 758ce4dfbd2ffc0e38019fedeb93ee192093436e # Parent 4455c67d4a5cd1c9c0f23ac6d8749ded638d6c2c asco layout diff --git a/light9/ascoltami/index.html b/light9/ascoltami/index.html --- a/light9/ascoltami/index.html +++ b/light9/ascoltami/index.html @@ -11,6 +11,7 @@ padding-left: 0.4em; } +

ascoltami on {{host}}

@@ -19,16 +20,22 @@
- + - + diff --git a/light9/ascoltami/main.ts b/light9/ascoltami/main.ts --- a/light9/ascoltami/main.ts +++ b/light9/ascoltami/main.ts @@ -79,7 +79,7 @@ async function onLoad() { 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 --git a/light9/web/style.css b/light9/web/style.css --- a/light9/web/style.css +++ b/light9/web/style.css @@ -37,13 +37,13 @@ input[type="text"] { } .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 @@ input[type="text"] { 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 @@ div.keys { 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: