Merge branch 'issuable-edit-form-actions-spacing-fix' into 'master'

Issuable edit form: Fix spacing between action buttons

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/173395



Merged-by: Ezekiel Kigbo <3397881-ekigbo@users.noreply.gitlab.com>
Approved-by: Julia Miocene <jmiocene@gitlab.com>
Approved-by: Ezekiel Kigbo <3397881-ekigbo@users.noreply.gitlab.com>
Co-authored-by: Sascha Eggenberger <seggenberger@gitlab.com>

app/assets/javascripts/design_management/components/design_description/description_form.vue

@@ -191,7 +191,7 @@ export default {
         @keydown.ctrl.enter="updateDesignDescription"
         @keydown.exact.esc.stop="closeForm"
       />
-      <div class="gl-mt-3 gl-flex">
+      <div class="gl-mt-3 gl-flex gl-gap-3">
         <gl-button
           category="primary"
           variant="confirm"
@@ -200,7 +200,7 @@ export default {
           @click="updateDesignDescription"
           >{{ s__('DesignManagement|Save changes') }}
         </gl-button>
-        <gl-button category="tertiary" class="gl-ml-3" data-testid="cancel" @click="closeForm"
+        <gl-button category="tertiary" data-testid="cancel" @click="closeForm"
           >{{ s__('DesignManagement|Cancel') }}
         </gl-button>
       </div>

app/assets/javascripts/work_items/components/work_item_description.vue

@@ -368,7 +368,7 @@ export default {
               </gl-button>
             </template>
           </gl-alert>
-          <div v-else-if="showButtonsBelowField" class="gl-mt-5">
+          <div v-else-if="showButtonsBelowField" class="gl-mt-5 gl-flex gl-gap-3">
             <gl-button
               category="primary"
               variant="confirm"
@@ -377,7 +377,7 @@ export default {
               type="submit"
               >{{ saveButtonText }}
             </gl-button>
-            <gl-button category="secondary" class="gl-ml-3" data-testid="cancel" type="reset"
+            <gl-button category="secondary" data-testid="cancel" type="reset"
               >{{ __('Cancel') }}
             </gl-button>
           </div>