Approval and WIP MR visualization could be confusing

With 9.5 we have new visualization for MR widget, specifically for Approval and when MR is WIP:

Screenshot_2017-08-15_11.42.47

When I first saw this I found it surprising. The red X icon was previously used only to show that a pipeline failed. Now that it is used in multiple places, I keep getting confused and keep going to check why the pipeline failed.

I don't know what a better solution would be, but I want to raise this concern as we might want to think about a better icon for these actions.

Follow up on design for adding more hierarchy to mr-widget is https://gitlab.com/gitlab-org/gitlab-ce/issues/37479

Edited by Victor Wu