Merge branch '56389-remove-unwanted-suggestion-flash-margin' into 'master'

Remove unwanted margin above suggested changes.

Closes #56389

See merge request gitlab-org/gitlab-ce!24419

Author: annabel

app/assets/javascripts/vue_shared/components/markdown/suggestions.vue

@@ -129,7 +129,7 @@ export default {
 
 <template>
   <div>
-    <div class="flash-container mt-3"></div>
+    <div class="flash-container js-suggestions-flash"></div>
     <div v-show="isRendered" ref="container" v-html="noteHtml"></div>
   </div>
 </template>

changelogs/unreleased/56389-remove-unwanted-suggestion-flash-margin.yml

@@ -0,0 +1,5 @@
+---
+title: Remove unwanted margin above suggested changes.
+merge_request: 24419
+author:
+type: fixed

spec/javascripts/vue_shared/components/markdown/suggestions_spec.js

@@ -61,7 +61,7 @@ describe('Suggestion component', () => {
 
   describe('mounted', () => {
     it('renders a flash container', () => {
-      expect(vm.$el.querySelector('.flash-container')).not.toBeNull();
+      expect(vm.$el.querySelector('.js-suggestions-flash')).not.toBeNull();
     });
 
     it('renders a container for suggestions', () => {