diff --git a/style/main.css b/style/main.css index df934da..0d7ba6a 100644 --- a/style/main.css +++ b/style/main.css @@ -647,11 +647,17 @@ textarea:focus { touch-action: none; } +/* Results overlay the canvas instead of growing the widget - the + page never jumps when places arrive (or don't). */ .gesture-echoes { + position: absolute; + left: 0.6rem; + right: 0.6rem; + bottom: 0.6rem; display: flex; + justify-content: center; gap: 0.5rem; - margin-top: 0.5rem; - min-height: 3rem; + pointer-events: none; } .gesture-echoes:empty { @@ -666,6 +672,8 @@ textarea:focus { border-radius: 0.4rem; opacity: 0; transition: opacity 0.5s ease; + pointer-events: auto; + box-shadow: 0 0.15rem 0.6rem rgba(0, 0, 0, 0.18); } .gesture-echo.shown { @@ -691,9 +699,15 @@ textarea:focus { } .gesture-empty { - margin: 0.5rem 0 0; + position: absolute; + left: 0; + right: 0; + bottom: 0.7rem; + margin: 0; + text-align: center; font-size: 0.85rem; color: var(--ink-dim); + pointer-events: none; } .gesture-empty:empty {