Job output in failed pipeline jobs page can extend the table width

A long string in the job output logs could stretch the width of the table.

Sample: https://gitlab.com/gitlab-org/gitlab/pipelines/93940612/failures

This is due to how we handle word breaks. Locally, I see that bootstrap defines:

/* line 2, node_modules/bootstrap/scss/_code.scss */
code {
  font-size: 90%;
  color: #e83e8c;
  word-break: break-word;
}

/* line 37, node_modules/bootstrap/scss/_code.scss */
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

We have pre code here so it's not breaking between words.

Screen_Recording_2019-11-06_at_11.24.03_AM

Assignee Loading
Time tracking Loading