I was on chat and I hovered over a message (which got flagged) and I saw this:
Whaaaat??? It has four stars? It took me a bit to realize that this meant 4 flags, not 4 stars.
Having the flag right next to the star also has the critical problem that it is very easy to flag a message instead of starring it.
I have a couple of solution ideas:
One is to simply add a couple of
| or vertical lines between the items to separate them.
While this may work, I think the best idea is to take out the spam flag from the hover buttons, as it isn't a function used on a daily-basis (I've only ever used it once) and is accidentally pressed numerous times. Flagging can still be done through the popup when pressing the arrow on the left of the message when hovering. The number of flags can be shown on the left instead, providing a crystal-clear distinction.
Alternatively as suggested by @Quill, the text could be red (I'm using #DA5759):
This doesn't solve the flagging/starring issue however