fix(workflow-details): make step labels less prominent (#397)

[giuseppe-steduto]

Closes #352

Note: dependant on #394

[mdonadoni]

Old UI:

New UI:

Changes in this PR:
a. bigger badges
b. job duration is moved inside the job selection menu
c. status label is now "basic" (white background instead of green/other color)

I would personally keep only (c), while reverting back (a) and (b), like this:

What do you think @tiborsimko?

[mdonadoni]

PS: I have rebased the PR on top of master

[tiborsimko]

What do you think @tiborsimko?

Agreed about (a) and (c).

WRT (b) the idea behind old discussions to explore moving the timing information to the selection box was that the "finished" would also moved there, so to speak, and not stay outside. Basically, the selection box would show the step name prominently and after it, in parentheses, whether it is running or finished, and its duration. Hence the middle screenshot does not fully cover these ideas, since part of the information is left outside the selection box. At this stage of things, I agree that the third screenshot is preferable to the second.

P.S. Also, WRT release news, instead of fix(workflow-details): make step labels less prominent it may be better to use something like feat(workflow-details): redesign subtler step duration badge (if 72 chars permit) as per the other commit we had about UI redesigning.