Go back to mailbox alias column eliding

dashboard/src/views/EmailMailboxesView.vue

@@ -39,7 +39,7 @@ const columns = {
     sort: true,
     hideMobile: true,
     nowrap: true,
-    width: '100px',
+    width: '160px',
   },
   usage: {
     label: t('email.incoming.mailboxes.usage'),
@@ -55,7 +55,7 @@ const columns = {
     label: 'Quota',
     sort: true,
     hideMobile: true,
-    width: '100px',
+    width: '80px',
   },
   actions: {
     width: '55px',
@@ -186,7 +186,7 @@ async function refreshDomain(domain) {
     if (!m.owner) m.owner = groups.value.find(g => g.id === m.ownerId) || null;
 
     m.ownerDisplayName = m.owner ? (m.owner.username || m.owner.name) : '';
-    cachedMailboxUsage.value[m.fullName] = cachedMailboxUsage.value[m.fullName] || { diskSize: 0 };
+    cachedMailboxUsage.value[m.fullName] = cachedMailboxUsage.value[m.fullName] || {};
 
     // update in-place or add
     const idx = mailboxes.value.findIndex(mbox => mbox.fullName === m.fullName);
@@ -270,9 +270,9 @@ onMounted(async () => {
       </template>
 
       <TableView :columns="columns" :model="filteredMailboxes" :busy="busy" :fixed-layout="true" :placeholder="$t(searchFilter ? 'email.incoming.mailboxes.noMatchesPlaceholder' : 'email.incoming.mailboxes.emptyPlaceholder')">
-        <template #aliases="mailbox">{{ mailbox.aliases.length }}</template>
+        <template #aliases="mailbox">{{ mailbox.aliases.map(a => a.name + '@' + a.domain).join(' ') }}</template>
         <template #usage="mailbox">
-          <span v-if="cachedMailboxUsage[mailbox.fullName]">{{ prettyDecimalSize(cachedMailboxUsage[mailbox.fullName].diskSize) }}</span>
+          <span v-if="cachedMailboxUsage[mailbox.fullName].diskSize">{{ prettyDecimalSize(cachedMailboxUsage[mailbox.fullName].diskSize) }}</span>
           <span v-else>{{ $t('main.loadingPlaceholder') }} ...</span>
         </template>
         <template #storageQuota="mailbox">