Merge branch '328747-make-jobs-table-mobile' into 'master'

Make jobs table more mobile friendly

See merge request gitlab-org/gitlab!61698

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

@@ -91,7 +91,9 @@ export default {
         data-testid="stuck-icon"
       />
 
-      <div class="gl-display-flex gl-align-items-center">
+      <div
+        class="gl-display-flex gl-align-items-center gl-lg-justify-content-start gl-justify-content-end"
+      >
         <div v-if="jobRef" class="gl-max-w-15 gl-text-truncate">
           <gl-icon
             v-if="createdByTag"

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

@@ -11,6 +11,8 @@ const defaultTableClasses = {
   tdClass: 'gl-p-5!',
   thClass: 'gl-bg-transparent! gl-border-b-solid! gl-border-b-gray-100! gl-p-5! gl-border-b-1!',
 };
+// eslint-disable-next-line @gitlab/require-i18n-strings
+const coverageTdClasses = `${defaultTableClasses.tdClass} gl-display-none! gl-lg-display-table-cell!`;
 
 export default {
   i18n: {
@@ -56,7 +58,8 @@ export default {
     {
       key: 'coverage',
       label: __('Coverage'),
-      ...defaultTableClasses,
+      tdClass: coverageTdClasses,
+      thClass: defaultTableClasses.thClass,
       columnClass: 'gl-w-10p',
     },
     {