Long vulnerability identifiers are not wrapped correctly in the Pipeline Security tab

Summary

(Summarize the bug encountered concisely) Some identifiers can be very long, and in the Pipeline Security tab, they're not wrapped correctly, leading to text overlapping.

Steps to reproduce

(How one can reproduce the issue - this is very important)

  • Run dependency scanning on a vulnerable project
  • Make sure you have dependencies caught by the Gemnasium analyzer
  • Go to the pipeline once run, and click the Security tab.

Example Project

(If possible, please create an example project here on GitLab.com that exhibits the problematic behavior, and link to it here in the bug report)

(If you are using an older version of GitLab, this will also determine whether the bug is fixed in a more recent version)

What is the current bug behavior?

  • Text overlaps (see screenshot below)

What is the expected correct behavior?

  • Text wrapped correctly.

Relevant logs and/or screenshots

(Paste any relevant logs - please use code blocks (```) to format console output, logs, and code as it's tough to read otherwise.)

Screen_Shot_2020-07-06_at_10.46.12

(test project, no confidential data here)

Output of checks

This bug happens on GitLab.com

Possible fixes

There's some css preventing from wrapping lines correctly:

.table-section {
    white-space: nowrap;
}

Once removed, the text appears correctly:

Screen_Shot_2020-07-06_at_10.56.56

/cc @matt_wilson @thiagocsf @lkerr @andyvolpe