Pipeline Activiy column headings not aligned with progress "blobs"

[Kolossi]

Issue Type

• Bug Report

Summary

After update from 20.4.0 to 20.8.0, noticed that pipeline history page headings are not aligned with stage "blobs". Can't be sure it didn't exist on 20.4 before upgrade, but don't think so (colleagues have commented on it since upgrade).

Environment

not sure how much of .../go/api/support is wanted - it's huge!

Basic environment details

• Go Version: 20.8.0
• JAVA Version: 14.0.2
• OS: Linux 5.4.0-52-generic
• Browser vendor and version (if relevant): occurs in Microsoft Edge 44.18362.449.0 and Google Chrome Version 86.0.4240.183 (Official Build) (64-bit), both on Windows 10.

Additional Environment Details

Steps to Reproduce

1. View "history" on any pipeline on our gocd install (not publicly accessible, sorry!)

Expected Results

Column headings should align with progress "blobs"

Actual Results

Column headings and blobs are misaligned as per screenshot

Possible Fix

Nothing to offer here.

Log snippets

Checked Chrome dev console, but no errors given.

Code snippets/Screenshots

Any other info

I tried to search for an existing issue using "history", "ui", "columns" or "alignment", but didn't find anything.

In trying to diagnose the issue, cleared browser history, Ctrl-F5, and exited all browser tabs. Issue still occurs.

[chadlwilson]

Yeah, I can see this too in Firefox. Seems the header has .index__stage-name___.* with margin-right: 50px which doesn't seem to correspond to anything in the individual stage progressions.

[maheshp]

Fixed as part of #8782 & #8761