Mattermost, Inc.

Chat column design doesn't use full width

The chat column looks weird on FHD (and higher resolutions) as the chat column doesn’t utilize full width of the browser windows, creating two issues:

  1. there’s a huge gap of white space between gravatar and name

  2. there’s a lot of white space to the right of the chat column

Both issues goes away if you resize the window for f.e. half a monitor width.

The issue can also be reproduced on smaller resolutions by resizing the page to something smaller (Ctrl±) -> the timestamp bars have correct width, but the chats have limited width.

This also creates problems with sharing a source code, because it wraps to early.