diff --git a/src/lib/components/Board.svelte b/src/lib/components/Board.svelte index 7b39d58..7fdbcbf 100644 --- a/src/lib/components/Board.svelte +++ b/src/lib/components/Board.svelte @@ -359,7 +359,7 @@ } @media (max-width: 860px) { - /* On a phone the boards run long: the panel rises from the bottom over them, and scrolls within itself. */ + /* On a phone the panel rises from the bottom over the boards, short enough to leave them in view: the piece's name and its situation show, and the lore scrolls within the sheet. */ .panel { position: fixed; left: 0; @@ -367,7 +367,7 @@ bottom: 0; top: auto; margin: 0; - max-height: 48vh; + max-height: 30vh; overflow-y: auto; padding: 0 var(--gutter) 0.5rem; background: var(--slate-deep);