diff options
Diffstat (limited to 'modules/ext/ui-easy.js')
| -rw-r--r-- | modules/ext/ui-easy.js | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/modules/ext/ui-easy.js b/modules/ext/ui-easy.js index eddf11d..cd1388a 100644 --- a/modules/ext/ui-easy.js +++ b/modules/ext/ui-easy.js @@ -16,7 +16,9 @@ class UIEasyMode { mount(api) { api.injectCSS('easy', ` body[data-ui-mode="easy"] { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; } -body[data-ui-mode="easy"] #ui-root { display: flex; flex-direction: column; padding: 14px 14px 0; gap: 12px; } +/* padding-bottom 34px, not 0: #ui-foot is absolutely positioned and 34px tall, and the shorthand + reset the bottom padding the base sheet reserves, so the footer sat on top of the composer. */ +body[data-ui-mode="easy"] #ui-root { display: flex; flex-direction: column; padding: 14px 14px 34px; gap: 12px; } #easy-top { flex: 0 0 auto; } #easy-top h1 { font-size: 1.25em; margin: 0 0 4px; font-weight: 600; } #easy-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; } |