diff options
-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") |