Fixed illustration alignment for group milestones promotion

ee/app/assets/stylesheets/pages/promotions.scss

@@ -64,6 +64,19 @@
       margin-left: 0;
     }
   }
+
+  .promotion-burndown-charts-content {
+    justify-content: end;
+  
+    .svg-container {
+      margin-left: 4px;
+      margin-right: 24px;
+    }
+
+    .user-callout-copy {
+      margin: 0;
+    }
+  }
 }
 
 .promotion-modal {

ee/app/views/shared/promotions/_promote_burndown_charts.html.haml

@@ -2,7 +2,7 @@
 
 - if show_burndown_charts_promotion?(milestone) && show_callout?(callout_id)
   .user-callout.promotion-callout#promote_burndown_charts{ data: { uid: callout_id } }
-    .bordered-box.content-block
+    .bordered-box.content-block.promotion-burndown-charts-content
       %button.btn.btn-default.close.js-close-callout{ type: 'button', 'aria-label' => 'Dismiss burndown charts promotion' }
         = icon('times', class: 'dismiss-icon', 'aria-hidden' => 'true')
       .svg-container

ee/changelogs/unreleased/group-milestone-promotion-alignment.yml

+---
+title: Fixed illustration alignment for group milestones promotion
+merge_request: 5677
+author: Constance Okoghenun
+type: other