# 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 @@
- Song: |
+
+ Song:
+ |
Time: |
Left: |
- Until autostop: |
+
+ Until autostop:
+ |
- Update freq: requested , actual States:
+ Update freq: requested
+ , actual
+ States:
|
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 {