Many environments strategies break the row

Summary

Reproducible on .com When adding many long environment strategies to a Feature Flag the tokens are displayed weirdly.

Steps to reproduce

• go to a Project Feature Flags section
• create or update a Feature Flagh
• add > 7 environments to one strategy with a name like customers-development

Example Project

Can be viewed here.

What is the current bug behavior?

The tokens break into 2 lines and have a bigger size that what they should have

What is the expected correct behavior?

The tokens should flow into a second row

Relevant logs and/or screenshots

Desktop	Mobile

Output of checks

Results of GitLab environment info

Expand for output related to GitLab environment info

(For installations with omnibus-gitlab package run and paste the output of:
`sudo gitlab-rake gitlab:env:info`)

(For installations from source run and paste the output of:
`sudo -u git -H bundle exec rake gitlab:env:info RAILS_ENV=production`)

Results of GitLab application Check

Expand for output related to the GitLab application check

(For installations with omnibus-gitlab package run and paste the output of:
sudo gitlab-rake gitlab:check SANITIZE=true)
(For installations from source run and paste the output of:
sudo -u git -H bundle exec rake gitlab:check RAILS_ENV=production SANITIZE=true)
(we will only investigate if the tests are passing)

Possible fixes