Merge branch '218716-iterate-on-epic-tree-card-spacing' into 'master'

Updated epic tree row styling

Closes #218716

See merge request gitlab-org/gitlab!32873

app/assets/javascripts/vue_shared/components/issue/related_issuable_item.vue

@@ -85,7 +85,7 @@ export default {
           class="confidential-icon append-right-4 align-self-baseline align-self-md-auto mt-xl-0"
           :aria-label="__('Confidential')"
         />
-        <a :href="computedPath" class="sortable-link">{{ title }}</a>
+        <a :href="computedPath" class="sortable-link gl-font-weight-normal">{{ title }}</a>
       </div>
 
       <!-- Info area: meta, path, and assignees -->

app/assets/stylesheets/components/related_items_list.scss

@@ -73,7 +73,6 @@ $item-remove-button-space: 42px;
 
     .sortable-link {
       color: $gray-900;
-      font-weight: normal;
     }
   }
 

changelogs/unreleased/218716-iterate-on-epic-tree-card-spacing.yml

+---
+title: Reduced padding and increased emphasis of titles within the epic tree
+merge_request: 32873
+author:
+type: other

ee/app/assets/javascripts/related_items_tree/components/tree_item_body.vue

@@ -151,7 +151,7 @@ export default {
     >
       <div class="item-contents d-flex align-items-center flex-wrap flex-grow-1 flex-xl-nowrap">
         <div class="item-title-wrapper flex-grow-1 mr-2">
-          <div class="item-title d-flex mb-0 pt-1 pb-2">
+          <div class="item-title d-flex mb-0 pt-1 pb-1">
             <gl-icon
               ref="stateIconMd"
               class="d-block mr-2"
@@ -180,13 +180,13 @@ export default {
               :aria-label="item.title"
               :title="item.title"
               :href="computedPath"
-              class="sortable-link ws-normal"
+              class="sortable-link ws-normal gl-font-weight-bold"
               >{{ item.title }}</gl-link
             >
           </div>
 
           <div
-            class="item-meta d-flex flex-wrap mt-xl-0 flex-xl-nowrap align-items-center pb-1 pt-2 ml-4"
+            class="item-meta d-flex flex-wrap mt-xl-0 flex-xl-nowrap align-items-center pb-1 pt-1 ml-4"
           >
             <span class="mr-3">{{ itemHierarchy }}</span>
             <gl-tooltip v-if="isEpic" :target="() => $refs.countBadge">