Merge branch '292128-fix-icon-spacing' into 'master'

Add space next to icons in epic issue list

See merge request gitlab-org/gitlab!54138

app/assets/javascripts/boards/components/issue_due_date.vue

@@ -86,7 +86,11 @@ export default {
 <template>
   <span>
     <span ref="issueDueDate" :class="cssClass" class="board-card-info card-number">
-      <gl-icon :class="{ 'text-danger': isPastDue }" class="board-card-info-icon" name="calendar" />
+      <gl-icon
+        :class="{ 'text-danger': isPastDue }"
+        class="board-card-info-icon gl-mr-2"
+        name="calendar"
+      />
       <time :class="{ 'text-danger': isPastDue }" datetime="date" class="board-card-info-text">{{
         body
       }}</time>

app/assets/javascripts/boards/components/issue_time_estimate.vue

@@ -37,7 +37,7 @@ export default {
 <template>
   <span>
     <span ref="issueTimeEstimate" class="board-card-info card-number">
-      <gl-icon name="hourglass" class="board-card-info-icon" />
+      <gl-icon name="hourglass" class="board-card-info-icon gl-mr-2" />
       <time class="board-card-info-text">{{ timeEstimate }}</time>
     </span>
     <gl-tooltip

changelogs/unreleased/292128-fix-icon-spacing.yml

+---
+title: Add space next to icons in epic issue list
+merge_request: 54138
+author: Yogi (@yo)
+type: fixed

ee/app/assets/javascripts/boards/components/issue_card_weight.vue

@@ -28,7 +28,7 @@ export default {
     class="board-card-info card-number board-card-weight"
     v-on="$listeners"
   >
-    <gl-icon name="weight" class="board-card-info-icon" />
+    <gl-icon name="weight" class="board-card-info-icon gl-mr-2" />
     <span class="board-card-info-text"> {{ weight }} </span>
     <gl-tooltip
       :target="() => $refs.itemWeight"