ui: acl role selector: make wider and wrap priv column

[proxmox-widget-toolkit.git] / src / form / RoleSelector.js

diff --git a/src/form/RoleSelector.js b/src/form/RoleSelector.js
index 142cdfdcfca94ad763b1e4a15fe785d6ec8ae5c5..d82c980484e42d75bf2892c6177d2612b3aa40b4 100644 (file)
--- a/src/form/RoleSelector.js
+++ b/src/form/RoleSelector.js
@@ -18,17 +18,21 @@ Ext.define('Proxmox.form.RoleSelector', {
     displayField: 'roleid',
 
     listConfig: {
+       width: 500,
        columns: [
            {
                header: gettext('Role'),
                sortable: true,
                dataIndex: 'roleid',
-               flex: 1,
+               flex: 2,
            },
            {
                header: gettext('Privileges'),
                dataIndex: 'privs',
-               flex: 1,
+               cellWrap: true,
+               // join manually here, as ExtJS joins without whitespace which breaks cellWrap
+               renderer: v => v.join(', '),
+               flex: 5,
            },
        ],
     },