Merge branch '293685-many-environments-strategies-break-the-row' into 'master'

Make the strategies env wrap

See merge request gitlab-org/gitlab!49951

app/assets/javascripts/feature_flags/components/strategy.vue

@@ -183,11 +183,11 @@ export default {
           <span v-if="appliesToAllEnvironments" class="text-secondary gl-mt-3 mt-md-0 ml-md-3">
             {{ $options.i18n.allEnvironments }}
           </span>
-          <div v-else class="gl-display-flex gl-align-items-center">
+          <div v-else class="gl-display-flex gl-align-items-center gl-flex-wrap">
             <gl-token
               v-for="environment in filteredEnvironments"
               :key="environment.id"
-              class="gl-mt-3 gl-mr-3 mt-md-0 mr-md-0 ml-md-2 rounded-pill"
+              class="gl-mt-3 gl-mr-3 gl-mb-3 mt-md-0 mr-md-0 ml-md-2 rounded-pill"
               @close="removeScope(environment)"
             >
               {{ environment.environmentScope }}

changelogs/unreleased/293685-many-environments-strategies-break-the-row.yml

+---
+title: Make the strategies env wrap
+merge_request: 49951
+author:
+type: fixed