Merge branch '232084-epic-title-has-extra-margin-in-epic-detail-page' into 'master'

Remove an extra padding in y-axis on Epic detail

Closes #232084

See merge request gitlab-org/gitlab!37886

ee/app/assets/javascripts/epic/components/epic_body.vue

@@ -44,8 +44,8 @@ export default {
 </script>
 
 <template>
-  <div class="issuable-details content-block">
-    <div class="detail-page-description">
+  <div>
+    <div class="issuable-details detail-page-description content-block">
       <issuable-body
         :endpoint="endpoint"
         :update-endpoint="updateEndpoint"

ee/changelogs/unreleased/232084-epic-title-has-extra-margin-in-epic-detail-page.yml

+---
+title: Remove an extra padding in y-axis on Epic detail
+merge_request: 37886
+author: Takuya Noguchi
+type: fixed

ee/spec/frontend/epic/components/epic_body_spec.js

@@ -37,13 +37,11 @@ describe('EpicBodyComponent', () => {
   });
 
   describe('template', () => {
-    it('renders component container element with classes `issuable-details` & `content-block`', () => {
-      expect(vm.$el.classList.contains('issuable-details')).toBe(true);
-      expect(vm.$el.classList.contains('content-block')).toBe(true);
-    });
-
-    it('renders epic body container element with class `detail-page-description`', () => {
-      expect(vm.$el.querySelector('.detail-page-description')).not.toBeNull();
+    it('renders epic body container element with class `detail-page-description` & `issuable-details` & `content-block`', () => {
+      const el = vm.$el.querySelector('.detail-page-description');
+      expect(el).not.toBeNull();
+      expect(el.classList.contains('issuable-details')).toBe(true);
+      expect(el.classList.contains('content-block')).toBe(true);
     });
 
     it('renders epic body elements', () => {