Merge branch '283908-fix-environments-mr-widget-button-spacing-2' into 'master'

Resolve "Fix environments MR widget button spacing"

See merge request gitlab-org/gitlab!64078

app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment_action_button.vue

@@ -71,7 +71,7 @@ export default {
       :aria-label="buttonTitle"
       :loading="isLoading"
       :disabled="isActionInProgress"
-      :class="`inline gl-ml-2 ${containerClasses}`"
+      :class="`inline gl-ml-3 ${containerClasses}`"
       :icon="icon"
       @click="$emit('click')"
     >

app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment_actions.vue

@@ -151,7 +151,7 @@ export default {
 </script>
 
 <template>
-  <div>
+  <div class="gl-display-inline-flex">
     <deployment-action-button
       v-if="canBeManuallyDeployed"
       :action-in-progress="actionInProgress"

app/assets/javascripts/vue_merge_request_widget/components/deployment/deployment_view_button.vue

@@ -71,13 +71,13 @@ export default {
 };
 </script>
 <template>
-  <span>
+  <span class="gl-display-inline-flex">
     <gl-button-group v-if="shouldRenderDropdown" size="small">
       <review-app-link
         :display="appButtonText"
         :link="deploymentExternalUrl"
         size="small"
-        css-class="deploy-link js-deploy-url inline"
+        css-class="deploy-link js-deploy-url inline gl-ml-3"
       />
       <gl-dropdown toggle-class="gl-px-2!" size="small" class="js-mr-wigdet-deployment-dropdown">
         <template #button-content>
@@ -112,7 +112,7 @@ export default {
       :display="appButtonText"
       :link="deploymentExternalUrl"
       size="small"
-      css-class="js-deploy-url deploy-link btn btn-default btn-sm inline"
+      css-class="js-deploy-url deploy-link btn btn-default btn-sm inline gl-ml-3"
     />
     <visual-review-app-link
       v-if="showVisualReviewApp"

ee/app/assets/javascripts/vue_merge_request_widget/components/visual_review_app_link.vue

@@ -153,7 +153,7 @@ export default {
 };
 </script>
 <template>
-  <div class="inline">
+  <div class="gl-display-inline-flex">
     <gl-button
       v-gl-modal="modalId"
       category="secondary"