Icons are misaligned in the commit page for stage details in the mini pipeline
Description
The following discussion from !42971 (merged) should be addressed:
-
@mrincon started a discussion: (+1 comment) Looks like this MR introduced a bug in the commit page view, to reproduce you may open a stage dropodown in the "mini pipeline":
Example URL: http://gdk.test:3000/root/my-ci-project/-/commit/a64b6ee416c58cf2fb64f27f3adf3ec244c0842a
Example on canary
Root cause
The same styles are used in 2 different contexts: for both the HAML and Vue versions of the same component, looks like they don't match exactly in css/structure to they result in different layouts.
Edited by Justin Ho Tuan Duong