Improve the app list a bit

dashboard/src/views/AppsView.vue

@@ -62,18 +62,8 @@ const listColumns = {
     sort: true,
     hideMobile: true,
   },
-  status: {
-    label: 'Status',
-    hideMobile: true,
-    sort: (a, b, fullA, fullB) => {
-      if (!fullA || !fullA) return -1;
-      const checkA = fullA.installationState + '-' + fullA.runState + '-' + fullA.health;
-      const checkB = fullB.installationState + '-' + fullB.runState + '-' + fullB.health;
-      return checkA < checkB ? -1 : (checkA > checkB ? 1 : 0);
-    },
-  },
   appTitle: {
-    label: 'App Title',
+    label: 'App',
     hideMobile: true,
     sort: (a, b, fullA, fullB) => {
       if (!fullA || !fullA) return -1;
@@ -83,7 +73,6 @@ const listColumns = {
     },
   },
   sso: {
-    label: 'Login',
     hideMobile: true,
     sort: (a, b, fullA, fullB) => {
       if (!fullA || !fullA) return -1;
@@ -93,6 +82,17 @@ const listColumns = {
 
       return checkA - checkB;
     },
+    width: '30px',
+  },
+  status: {
+    label: 'Status',
+    hideMobile: true,
+    sort: (a, b, fullA, fullB) => {
+      if (!fullA || !fullA) return -1;
+      const checkA = fullA.installationState + '-' + fullA.runState + '-' + fullA.health;
+      const checkB = fullB.installationState + '-' + fullB.runState + '-' + fullB.health;
+      return checkA < checkB ? -1 : (checkA > checkB ? 1 : 0);
+    },
   },
   checklist: {},
   actions: {}
@@ -341,6 +341,7 @@ onDeactivated(() => {
           </template>
           <template #checklist="app">
             <a class="list-item-checklist-indicator" v-if="AppsModel.pendingChecklistItems(app)" :href="`#/app/${app.id}/info`"><Icon icon="fa-solid fa-triangle-exclamation"/></a>
+            <a class="list-item-update-indicator" v-if="app.updateInfo" @click.stop :href="isOperator(app) ? `#/app/${app.id}/updates` : null" v-tooltip="$t('app.updateAvailableTooltip')"><i class="fa-solid fa-arrow-up"/></a>
           </template>
           <template #sso="app">
             <div v-show="app.type !== APP_TYPES.LINK">
@@ -546,6 +547,10 @@ tr:hover .action-button {
   align-items: center;
 }
 
+.list-item-update-indicator {
+  color: var(--pankow-color-success);
+}
+
 .list-item-checklist-indicator {
   color: var(--pankow-color-danger);
 }