Merge branch 'fix-design-management-button-alignment' into 'master'

Fix vertical alignment of design man. toolbar

See merge request gitlab-org/gitlab!37398

app/assets/javascripts/design_management_new/pages/index.vue

@@ -277,7 +277,7 @@ export default {
           <span class="gl-font-weight-bold gl-mr-3">{{ s__('DesignManagement|Designs') }}</span>
           <design-version-dropdown />
         </div>
-        <div v-show="hasDesigns" class="qa-selector-toolbar gl-display-flex">
+        <div v-show="hasDesigns" class="qa-selector-toolbar gl-display-flex gl-align-items-center">
           <gl-button
             v-if="isLatestVersion"
             variant="link"

changelogs/unreleased/fix-design-management-button-alignment.yml

+---
+title: Fix vertical alignment of design management toolbar buttons
+merge_request: 37398
+author:
+type: fixed

spec/frontend/design_management_new/pages/__snapshots__/index_spec.js.snap

@@ -107,7 +107,7 @@ exports[`Design management index page designs renders designs list and header wi
       </div>
        
       <div
-        class="qa-selector-toolbar gl-display-flex"
+        class="qa-selector-toolbar gl-display-flex gl-align-items-center"
       >
         <gl-button-stub
           category="tertiary"