From fb2be9b7b51f3ab857d75a40211ee397f9b5dd91 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Sat, 16 Dec 2023 00:27:04 +0100 Subject: Change how action buttons wrap to keep Undo in the same spot. --- public/common/client.css | 3 ++- 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") -- cgit v1.2.3