Merge branch...

Merge branch '27947-missing-margin-between-loading-icon-and-text-in-merge-request-widget' into 'master'

Resolve "Missing margin between loading icon and text in Merge Request Widget"

Closes #27947

See merge request !9119

app/assets/stylesheets/pages/merge_requests.scss

@@ -85,14 +85,18 @@
     -webkit-align-items: center;
     align-items: center;
 
+    i,
+    svg {
+      margin-right: 8px;
+    }
+
     svg {
-      margin-right: 4px;
       position: relative;
       top: 1px;
       overflow: visible;
     }
 
-    &> span {
+    & > span {
       padding-right: 4px;
     }
 

changelogs/unreleased/27947-missing-margin-between-loading-icon-and-text-in-merge-request-widget.yml

+---
+title: Add space between text and loading icon in Megre Request Widget
+merge_request: 9119
+author: