Idea for developers: why not stretch the move list to the size of the board?

Looking at the move list at the right of the board while a game is underway, I've often wondered why this move list has been shrunk in the middle with absolutely no use of the space above and below it:



Is there any rationale for keeping it shrunk in the middle like that? I tried a little tweaking with CSS to see how it would look like if move box was allowed to expand to the size of the board, and I get something like this:



This not only looks better, it is more functional because a user is allowed to see more of the past moves in the moves box. Thoughts?

+1 vote

Because clocks are easier to look at when they're closer to each other.

Valid point.

What about changing the order from "clock 1 - moves - clock 2" to "clock 1 - clock 2 - moves" though? You can even have clock 2 right of clock 1 instead of below, just like on physical digital chess clocks.

I think this is better like this. Time is easier to check like this.

Make it resizable ?
Like you can resize the chess board, why not the moves list too ?

in bullet, small moves list is better, with closer time display for better visibility.
in classical, large moves list as score sheet is better.

can you post your CSS code that users can just input into Stylus?

@thibault to my eyes they aren't harder to look at when they are further apart.

@ChesswurmOTB this is what I did:

.rmoves .moves, .rmoves .message {
flex: 0 0 22rem;
}

Obviously I don't know anything about how the layout and everything works, this is just a hack. It doesn't resize with the board, it's still a fixed size. Change 22rem to a larger value for a longer move box, see how it will look in your browser.

I'd like to see more moves. Maybe make it resizable like the board?

+1 from me, if you don't want to change the default then make it resizable please.