Plugin Details page tag section messup.

[mp518]

When user go plugin details page then if tag name string is like "banner-management-woocommerce-banner-management" this type that time tag design is messup.

Dif:
pub/wporg-plugins/css/style.css?ver=20170420b

.plugin-meta [rel=tag] {
    background: #eee;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #000;
    display: inline-block;
    font-size: 10.24px;
    font-size: .64rem;
    margin: 2px;
    padding: 3px 6px;
    position: relative;
    white-space: nowrap; 
    width: auto;
}

to correct below style

.plugin-meta [rel=tag] {
    background: #eee;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #000;
    display: inline-block;
    font-size: 10.24px;
    font-size: .64rem;
    margin: 2px;
    padding: 3px 6px;
    position: relative;
    width: auto;
}

[mp518]

Meshup

[SergeyBiryukov]

Removing white-space: nowrap causes long tag names to wrap to several lines, see 2774.PNG​.

Another option is to use text-overflow: ellipsis, see 2774.patch​ and 2774.after.PNG​.

[Otto42]

I like the ellipsis better, but not the way it causes the right to not be aligned properly anymore. Bringing down the max-width to about 95% fixes that and leaves room for the padding/margins.

[Otto42]

In 5410:

Add ellipsis overflow to extra long tags in the meta widget. Fixes #2774. props @SergeyBiryukov