Merge branch 'jivanvl-fix-alignment-artifacts-jobs-table-refactor' into 'master'

Fix the artifacts button alignment

See merge request gitlab-org/gitlab!70066

app/assets/javascripts/jobs/components/table/cells/actions_cell.vue

@@ -135,15 +135,6 @@ export default {
 
 <template>
   <gl-button-group>
-    <gl-button
-      v-if="shouldDisplayArtifacts"
-      icon="download"
-      :title="$options.ACTIONS_DOWNLOAD_ARTIFACTS"
-      :href="artifactDownloadPath"
-      rel="nofollow"
-      download
-      data-testid="download-artifacts"
-    />
     <template v-if="canReadJob">
       <gl-button v-if="isActive" icon="cancel" :title="$options.CANCEL" @click="cancelJob()" />
       <template v-else-if="isScheduled">
@@ -191,5 +182,14 @@ export default {
         />
       </template>
     </template>
+    <gl-button
+      v-if="shouldDisplayArtifacts"
+      icon="download"
+      :title="$options.ACTIONS_DOWNLOAD_ARTIFACTS"
+      :href="artifactDownloadPath"
+      rel="nofollow"
+      download
+      data-testid="download-artifacts"
+    />
   </gl-button-group>
 </template>

app/assets/javascripts/jobs/components/table/jobs_table.vue

@@ -141,7 +141,7 @@ export default {
     </template>
 
     <template #cell(actions)="{ item }">
-      <actions-cell :job="item" />
+      <actions-cell class="gl-float-right" :job="item" />
     </template>
   </gl-table>
 </template>