Fix #15217: Board options missing on mobile web

[randompearl-stack]

boardopts.mov

Media query:

lila/ui/round/css/_layout.scss

Lines 4 to 7 in 611d7ee

	@include mq-is-col1 {
	---main-max-width: calc(
	100vh - #{$site-header-outer-height} - #{$col1-player-clock-height * 2} - #{$col1-moves-height}
	);

or @media (max-width: 799.29px) and (orientation: portrait)

#15217

[ornicar]

Try it on an ongoing games. The prev/next buttons are now duplicated.

Obviously this button bar was not meant to be displayed here, that's why there are alternative prev/next buttons implemented around a horizontal move list.

[randompearl-stack]

Appears the same for ongoing live and correspondence games on mobile now

Because live games do not have analysis the self-analysis div is replaced with a noop div, but this messes up the centering of the icons.

[ornicar]

Now this adds a full tool bar on play and watch UIs, which doesn't seem ideal or relevant to the issue.
And there still is no board option button that I can see:

[randompearl-stack]

Now this adds a full tool bar on play and watch UIs, which doesn't seem ideal or relevant to the issue.

I think I am misunderstanding you, how can be board options be added to mobile devices without a full tool bar?

And there still is no board option button that I can see:

The board option and analysis options were already on personal games on mobile, so I can remove them there and reinstate them to the initial tool bar like this:

Play:

Watch: