Better interface for streaming

Hi!

I'd love to see a few changes in the UI design for streamers to keep everything in the same position during every game.

I explain myself. If I want to capture in the stream the clocks, there are moving around, and they are always misplaced. There is even a difference between where they are when I play and when I see others playing. The only possible way to let my audience see the board and the clocks is to show all the window, but that doesn't allow me to put some personalized design in my stream.

You can see what I'm talking about in my last stream: https://youtu.be/ffdObrnmwqU

Just see how it looks the clocks in the first half of the video (when I'm playing you can see only half of them) and in the second half (when I saw other games they are set up correctly).

In other sites is very easy to do, but here it's impossible.

https://github.com/ornicar/lila/issues/6754

It's an open issue. Feel free to comment on that issue if you have something more too add to it

This could have some tips for you: https://www.youtube.com/watch?v=Wj8jxjSKSyw

You can use browser input for the clocks with a link to your TV page, i.e. https://lichess.org/@/estudia/tv, in OBS and
.rcontrols { display: none; }

Otherwise, you can play around with Stylus in your browser and
.rclock-top and .rclock-bottom
For example, { position: absolute !important; } and define top or bottom and left or right.
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Positioning

Thanks everyone. I search for the issue here but I forgot about github :)

Good idea @bufferunderrun, I will play with css to get it right.