Improve mailboxes list view if it would overflow

dashboard/src/views/EmailMailboxesView.vue

@@ -25,17 +25,21 @@ const usersModel = UsersModel.create();
 const columns = {
   fullName: {
     label: t('email.incoming.mailboxes.name'),
-    sort: true
+    sort: true,
+    nowrap: true,
   },
   ownerDisplayName: {
     label: t('email.incoming.mailboxes.owner'),
     sort: true,
     hideMobile: true,
+    nowrap: true,
   },
   aliases: {
     label: t('email.incoming.mailboxes.aliases'),
     sort: true,
     hideMobile: true,
+    nowrap: true,
+    width: '15%',
   },
   usage: {
     label: t('email.incoming.mailboxes.usage'),
@@ -45,13 +49,17 @@ const columns = {
       return a.diskSize - b.diskSize;
     },
     hideMobile: true,
+    width: '100px',
   },
   storageQuota: {
     label: 'Quota',
     sort: true,
     hideMobile: true,
+    width: '100px',
   },
-  actions: {}
+  actions: {
+    width: '55px',
+  }
 };
 
 const actionMenuModel = ref([]);
@@ -225,7 +233,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="content">
+  <div class="content-large">
     <Menu ref="actionMenuElement" :model="actionMenuModel" />
     <Dialog ref="removeDialog"
       :title="$t('email.deleteMailboxDialog.title')"
@@ -257,7 +265,7 @@ onMounted(async () => {
         <Button @click="onAddOrEdit()">{{ $t('email.incoming.mailboxes.addAction') }}</Button>
       </template>
 
-      <TableView :columns="columns" :model="filteredMailboxes" :busy="busy" :placeholder="$t(searchFilter ? 'email.incoming.mailboxes.noMatchesPlaceholder' : 'email.incoming.mailboxes.emptyPlaceholder')">
+      <TableView :columns="columns" :model="filteredMailboxes" :busy="busy" :fixed-layout="true" :placeholder="$t(searchFilter ? 'email.incoming.mailboxes.noMatchesPlaceholder' : 'email.incoming.mailboxes.emptyPlaceholder')">
         <template #aliases="mailbox">{{ renderAliases(mailbox.aliases) }}</template>
         <template #usage="mailbox">
           <span v-if="mailbox.usage !== -1">{{ prettyDecimalSize(mailbox.usage.diskSize) }}</span>