Improve button layout

Improve button layout for pipelines
table and change icon for jobs table.

Changelog: changed

app/assets/javascripts/pipelines/components/pipelines_list/pipeline_operations.vue

@@ -87,6 +87,8 @@ export default {
         @click="handleRetryClick"
       />
 
+      <pipeline-multi-actions :pipeline-id="pipeline.id" />
+    </div>
     <gl-button
       v-if="pipeline.flags.cancelable"
       v-gl-tooltip.hover
@@ -95,14 +97,11 @@ export default {
       :title="$options.i18n.cancelTitle"
       :loading="isCancelling"
       :disabled="isCancelling"
-        icon="close"
+      icon="cancel"
       variant="danger"
       category="primary"
-        class="js-pipelines-cancel-button"
+      class="js-pipelines-cancel-button gl-ml-1"
       @click="handleCancelClick"
     />
-
-      <pipeline-multi-actions :pipeline-id="pipeline.id" />
-    </div>
   </div>
 </template>

app/views/projects/ci/builds/_build.html.haml

@@ -105,7 +105,7 @@
         - if can?(current_user, :update_build, job)
           - if job.active?
             = link_to cancel_project_job_path(job.project, job, continue: { to: request.fullpath }), method: :post, title: _('Cancel'), class: 'gl-button btn btn-default btn-icon' do
-              = sprite_icon('close', css_class: 'gl-icon')
+              = sprite_icon('cancel', css_class: 'gl-icon')
           - elsif job.scheduled?
             .gl-button.btn.btn-default.btn-icon.disabled{ disabled: true }
               = sprite_icon('planning', css_class: 'gl-icon')