Merge branch 'fix-388413' into 'master'

Fix: Centered the position of the badge

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/123701



Merged-by: Miguel Rincon <mrincon@gitlab.com>
Approved-by: Gina Doyle <gdoyle@gitlab.com>
Approved-by: Miguel Rincon <mrincon@gitlab.com>
Co-authored-by: Rishabh Gupta <belikerishabh@gmail.com>

app/views/shared/runners/_runner_details.html.haml

-%h1.page-title.gl-font-size-h-display
+%h1.page-title.gl-font-size-h-display.gl-display-flex.gl-align-items-center
   = s_('Runners|Runner #%{runner_id}') % { runner_id: runner.id }
   = render 'shared/runners/runner_type_badge', runner: runner
 

app/views/shared/runners/_runner_type_badge.html.haml

-
-- if runner.instance_type?
-  = gl_badge_tag s_('Runners|shared'), variant: :success
-- elsif runner.group_type?
-  = gl_badge_tag s_('Runners|group'), variant: :success
-- else
-  = gl_badge_tag s_('Runners|project'), variant: :info
+.gl-ml-2
+  - if runner.instance_type?
+    = gl_badge_tag s_('Runners|shared'), variant: :success
+  - elsif runner.group_type?
+    = gl_badge_tag s_('Runners|group'), variant: :success
+  - else
+    = gl_badge_tag s_('Runners|project'), variant: :info