fix tag-label design

[anthonyandersonfg]

The tag label does not display the text properly if the text has more than 21 characters:

To fix the problem I added the white-space: nowrap; to the tag class:

But even though the text is larger than the container, the ellipsis is not being displayed:

That's because the text-overflow: ellipsis; is not working properly for this tag, because it is assigned as a flex element, and text-overflow works for block elements only
To fix I have added the display: inline-block !important.

That's how the tag will look when a text overflow occurs:

[scottjehl]

This is a great tip. We can sort out our own use of !important here that this is repeating in a later cleanup. Thanks!