Small Design issues

[LEDfan]

Reported by @jancborchardt

• [x] In the left sidebar, all the text should be left-aligned at the same point. Currently some text sticks out in the sidebar (the »derp«, »Add person« and »View files« in the selected group) as well as in the content: The »asdf« message by admin should be shifted to the right as all other messages as well
• [x] all entries need to be 44px high at least. That needs to be done in the sidebar for »Add person« and »View files« (you could put them next to each other to save space) as well as in the message list. If each message is 44px high, we also don’t need the dividing lines necessarily.
• [x] if the timestamp stays the same between 2 messages, no need to repeat it.
• [ ] when looking through the chat it is hard to make out which message was written by whom. There should be some extra top and bottom whitespace between messages by other people. Or even see to play with putting the messages of yourself on the right (like TextSecure and iMessage do it)

Reported by @sorglos

• [x] There's no need to show the online state at more than one place. It's okay in the left pane, unnecessary in the message pane. Another option is the display_name of an online user in italic.
• [ ] The own display_name in bold or display_name with different colors. (I prefer the first option.)
• [x] All messages with the same indent as @jancborchardt stated above.

[LEDfan]

• [x] scroll down function of chat messages list is broken

[LEDfan]

@jancborchardt @jbtbnl @sorglos how does this looks (note the height + alignment)

[LEDfan]

And the fix for the alignment in the app-navigation:

[LEDfan]

Without dividing lines:

[LEDfan]

Without online state:

[jancborchardt]

Yeah, removing the online state is a good point.

And the dividing lines should go – instead use more vertical whitespace to divide message blocks by different people. Currently it’s the exact same height as the messages themselves and it’s difficult to see where your messages start and the ones of the other person end.

You forgot to increase the height of »Add person« and »View attached files«. They need to be 44px high as well, otherwise it looks very bunched together and is hard to click.

Also, the second line below the username in the left sidebar should show the las message that was written in the chat in half-grey. Can you add that @LEDfan?

Great work! :)

[LEDfan]

I made the buttons entry 44px height + centered all displaynames left of an avatar:

[LEDfan]

And the dividing lines should go – instead use more vertical whitespace to divide message blocks by different people. Currently it’s the exact same height as the messages themselves and it’s difficult to see where your messages start and the ones of the other person end.

Also, the second line below the username in the left sidebar should show the las message that was written in the chat in half-grey.

Is this what you mean?

[jancborchardt]

In the last screenshot, there of course shouldn’t be that much padding between different messages of the same person. Otherwise things look fine. :)

[LEDfan]

@jancborchardt @jbtbnl I think I fixed the margin and height of the messages:

[LEDfan]

Time is also fixed. Now the time is only shown when it's different than the time of the last msg.

[jancborchardt]

There now is too little vertical padding between the messages of 2 different people. Increase that a bit and we’re good. :)

[LEDfan]

@jancborchardt

[jancborchardt]

YES! Great stuff @LEDfan :)