diff options
| author | Tor Andersson <tor@ccxvii.net> | 2023-12-16 00:27:04 +0100 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2023-12-16 00:27:09 +0100 |
| commit | fb2be9b7b51f3ab857d75a40211ee397f9b5dd91 (patch) | |
| tree | c8c0695951d66dd5d66c81566f63f5bb1aa1672a | |
| parent | 372c61ea57c64523da779c88045c31e4eb63308b (diff) | |
| download | server-fb2be9b7b51f3ab857d75a40211ee397f9b5dd91.tar.gz | |
Change how action buttons wrap to keep Undo in the same spot.
| -rw-r--r-- | public/common/client.css | 3 | ||||
| -rw-r--r-- | public/common/client.js | 2 |
2 files changed, 3 insertions, 2 deletions
diff --git a/public/common/client.css b/public/common/client.css index 5a702df..a117cd2 100644 --- a/public/common/client.css +++ b/public/common/client.css @@ -240,6 +240,7 @@ header.replay { display: flex; justify-content: end; align-items: center; + flex-direction: row-reverse; flex-wrap: wrap; min-height: 32px; @@ -249,7 +250,7 @@ header.replay { @media (pointer: coarse) { #toolbar { gap: 8px; } - #actions { gap: 12px 8px; } + #actions { gap: 16px 8px; } } @media (max-width: 400px) { diff --git a/public/common/client.js b/public/common/client.js index 79592c9..23e434d 100644 --- a/public/common/client.js +++ b/public/common/client.js @@ -651,7 +651,7 @@ function action_button_imp(action, label, callback) { button.id = id button.textContent = label button.addEventListener("click", callback) - document.getElementById("actions").appendChild(button) + document.getElementById("actions").prepend(button) } if (view.actions && action in view.actions) { button.classList.remove("hide") |