Pipelines table is visually broken on MR page

Problem

On MR page, under Pipelines tab we have a the same table we render on pipelines main page. The problem is we don't have the same space.

The table is not usable in smaller screens.

This is what this table looks like:

With nav bar and sidebar open:

Screen_Shot_2017-09-11_at_16.45.09

Nav bar closed and sidebar open on a 1024x768 screen:

Screen_Shot_2017-09-11_at_16.47.32

Nav bar and sidebar closed on a 1024x768 screen:

Screen_Shot_2017-09-11_at_16.48.40

Design/Proposal to address this issue:

• Text in badge status removed in first column (badge is made square and might be a little bigger)

• Pipeline 'triggered by + avatar' always on the second line in second column

• Latest badge is never shown, this is redundant information in second column

• • Column widths adjusted as needed to re-distribute space (expand css column classes to make this possible, so outside the 5% 10% intervals.. think of 7% etc.. whatever works and looks good) (might not be needed perhaps)

Follow up issues:

• Hide branch information in third column.. a follow up on this would be https://gitlab.com/gitlab-org/gitlab-ce/issues/38665 (this issue just focusses on fixes for this media query on the merge request page) (I do invite to simultaneously fix https://gitlab.com/gitlab-org/gitlab-ce/issues/38665 with this issue)