'Pipeline status' and 'Coverage report' break out of page grid in project CI/CD settings page

Summary

When checking on CI/CD settings in a project, safari shows a visual artifact (scroll bar) because two sub-sections inside the 'General pipelines' section break through the page grid.

Steps to reproduce

Go to any project with CI/CD enabled, view the CI/CD settings page and expand the 'General pipelines section'.

What is the current bug behavior?

When browsing a project's CI/CD settings page I saw a visual artifact in safari 13.0.4 in form of a scrollbar: safari_scrollbar_artifact

At first I thought this was an issue with safari itself (and the effect may very well be) but found the actual cause when I expanded the section.
Both the 'Pipeline status' and 'Coverage report' sections break out of the page grid and are wider than their parent divs.
See the effect here: grid_break

This seems to be caused by a mixup in the template. In both sections, there is a <div class="row ..."> followed by a class of pipeline-status / coverage-report and then a class of col-lg-12.
This is the wrong way around. It should be <div class="row ..."> followed by col-lg-12 and then pipeline-status.

So it looks like this:

[...]
<div class="row prepend-top-default">
  <div class="pipeline-status">
    <div class="col-lg-12">
      <h4>Pipeline status</h4>
      <div class="card">
[...]

But it should look like this:

[...]
<div class="row prepend-top-default">
  <div class="col-lg-12">
    <div class="pipeline-status">
      <h4>Pipeline status</h4>
      <div class="card">
[...]

That makes me sad :(

What is the expected correct behavior?

When this is corrected, the sections do not break the grid anymore: grid_fixed

And, most importantly, I have no more visual artifact in safari: happy

That makes me happy :)

Output of checks

This bug happens on GitLab.com

Possible fixes

I couldn't for the life of me find the correct spot in the codebase that causes this.

The closest I could get is this template where the magic seems to happen. I'd love to learn how the affected code is generated. So I'll watch closely for a fix.

Assignee Loading
Time tracking Loading