Merge branch '28753-align-buttons-environments' into 'master'

Align last column buttons with new environment button

Closes #28753

See merge request !9551

app/assets/javascripts/environments/components/environment_item.js.es6

@@ -503,9 +503,8 @@ module.exports = Vue.component('environment-item', {
         </span>
       </td>
 
-      <td class="hidden-xs">
-        <div v-if="!model.isFolder">
-          <div class="btn-group" role="group">
+      <td class="hidden-xs environments-actions">
+        <div v-if="!model.isFolder" class="btn-group pull-right" role="group">
           <actions-component v-if="hasManualActions && canCreateDeployment"
             :play-icon-svg="playIconSvg"
             :actions="manualActions">
@@ -529,7 +528,6 @@ module.exports = Vue.component('environment-item', {
             :retry-url="retryUrl">
             </rollback-component>
         </div>
-        </div>
       </td>
     </tr>
   `,

app/assets/stylesheets/pages/pipelines.scss

@@ -128,6 +128,10 @@
       padding: 10px 8px;
     }
 
+    td.environments-actions {
+      padding-right: 0;
+    }
+
     td.stage-cell {
       padding: 10px 0;
     }