Merge branch 'jobs-list-update-created-by' into 'master'

Jobs list: Small adjustment changes

See merge request https://gitlab.com/gitlab-org/gitlab/-/merge_requests/130201



Merged-by: Vitaly Slobodin <vslobodin@gitlab.com>
Approved-by: Annabel Dunstone Gray <annabel.dunstone@gmail.com>
Approved-by: Vitaly Slobodin <vslobodin@gitlab.com>
Approved-by: Stanislav Lashmanov <slashmanov@gitlab.com>
Co-authored-by: Sascha Eggenberger <seggenberger@gitlab.com>

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

@@ -27,6 +27,9 @@ export default {
     durationFormatted() {
       return formatTime(this.duration * 1000);
     },
+    hasDurationAndFinishedTime() {
+      return this.finishedTime && this.duration;
+    },
   },
 };
 </script>
@@ -37,7 +40,11 @@ export default {
       <gl-icon name="timer" :size="$options.iconSize" data-testid="duration-icon" />
       {{ durationFormatted }}
     </div>
-    <div v-if="finishedTime" data-testid="job-finished-time">
+    <div
+      v-if="finishedTime"
+      :class="{ 'gl-mt-2': hasDurationAndFinishedTime }"
+      data-testid="job-finished-time"
+    >
       <gl-icon name="calendar" :size="$options.iconSize" data-testid="finished-time-icon" />
       <time-ago-tooltip :time="finishedTime" />
     </div>

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

@@ -41,7 +41,7 @@ export default {
         {{ pipelineId }}
       </gl-link>
     </div>
-    <div>
+    <div class="gl-font-sm gl-text-secondary gl-mt-2">
       <span>{{ __('created by') }}</span>
       <gl-link v-if="showAvatar" :href="userPath" data-testid="pipeline-user-link">
         <gl-avatar :src="pipelineUserAvatar" :size="16" />