Chats review

Gitter.im

1. Messages are grouped
2. First message of group placed in block with avatar, username, time.
3. Deleting of first message moves second one in the block with avatar, username, time.
4. Messages are highlighted on mouse over. Right part of message contains "..." menu with options "delete, edit, quote". On wide screents the "..." menu is too far.

Slack

1. Grouping is the same as for gitter.im. In this screenshot user lchigec wrote 6 messages and user error two messages.
2. First message is in block with avatar, username, time. Erasing of the first message has the same effect as in gitter.im.
3. Messages are highlighted on mouse over and time of message APPEAR in right part of message line (see screenshot below).

app.element.io

...