Job name shoves retry button off screen

Summary

After https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/24074 has been merged it seems the cancel button is shoved off the screen with a long job name

Steps to reproduce

  • Have a long job name
  • Let the job fail
  • Look for retry button on job detail page

Example Project

https://gitlab.com/gitlab-data/analytics/-/jobs/146316980

What is the current bug behavior?

The retry button is off the screen and out of reach

What is the expected correct behavior?

The retry button stays in place, but the job name gets wrapped

Relevant logs and/or screenshots

image

Output of checks

This bug happens on GitLab.com

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

(If you can, link to the line of code that might be responsible for the problem)

cc: @farias-gl