Design: Separate "Jump to unread" and "Mark as read" buttons

[notramo]

It seems that it is one button, that when clicked, jumps to unread (since it's written on it). If the user accidentally clicks the right side of the button, it marks the conversation as read, and there will be no convenient way to go to the first unread message. The two buttons should be a few pixels apart from each other and have their inner corners rounded. Maybe both buttons should have text (instead of icon on "Mark as read").

[ajbura]

Made some changes into this direction, check if they are sufficient to remove this confusion.

[ajbura]

The reason im not using arrow in jump to unread is because jump to unread could be used for both upward and downward. Instead of tick mark other client show cross but used tick mark because it’s truly what’s happening. Having both in text also looks ugly.

[notramo]

What about separating the two, putting them e.g. 5 pixels apart, and having the inner borders rounded too? Would be that ugly?

[ajbura]

What about separating the two, putting them e.g. 5 pixels apart

I have done something similar but it’s subtle (1px), tried more than 1px too but doesn’t look great.

[notramo]

And what about not having "Jump to unread" at all, and jumping to the first unread automatically instead?

[ajbura]

That already work but only when Unread indicator load with initial timeline load but when it's too deep in timeline then only option to show Jump to unread.

[notramo]

What about separating the two, putting them e.g. 5 pixels apart

I have done something similar but it’s subtle (1px), tried more than 1px too but doesn’t look great.

Do you find it ugly? If yes, then I think, the issue can be closed.

[ajbura]

Closing as per discussion in Matrix room.

[N-R-K]

I agree that the buttons needed some separation, I failed to notice they were two different buttons as well (#184). The current 1px separation is a clear enough indication, at least for me. So I'd say adding more space is not strictly needed.