ui: ceph/pool: fix minWidths for columns to support 720p without scrolling

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>

diff --git a/www/manager6/ceph/Pool.js b/www/manager6/ceph/Pool.js
index 678639663643aa2a15c2d7a6590d725960424b0b..be03ef78aa4c271376c1506965d16c96999f5688 100644 (file)
--- a/www/manager6/ceph/Pool.js
+++ b/www/manager6/ceph/Pool.js
@@ -238,14 +238,14 @@ Ext.define('PVE.node.CephPoolList', {
        {
            text: '# of Placement Groups',
            flex: 1,
-           minWidth: 150,
+           minWidth: 100,
            align: 'right',
            dataIndex: 'pg_num',
        },
        {
            text: gettext('Optimal # of PGs'),
            flex: 1,
-           minWidth: 140,
+           minWidth: 100,
            align: 'right',
            dataIndex: 'pg_num_final',
            renderer: function(value, metaData) {
@@ -259,15 +259,15 @@ Ext.define('PVE.node.CephPoolList', {
        {
            text: gettext('Min. # of PGs'),
            flex: 1,
-           minWidth: 140,
+           minWidth: 100,
            align: 'right',
            dataIndex: 'pg_num_min',
            hidden: true,
        },
        {
-           text: gettext('Target Size Ratio'),
+           text: gettext('Target Ratio'),
            flex: 1,
-           minWidth: 140,
+           minWidth: 100,
            align: 'right',
            dataIndex: 'target_size_ratio',
            renderer: Ext.util.Format.numberRenderer('0.0000'),
@@ -276,7 +276,7 @@ Ext.define('PVE.node.CephPoolList', {
        {
            text: gettext('Target Size'),
            flex: 1,
-           minWidth: 140,
+           minWidth: 100,
            align: 'right',
            dataIndex: 'target_size',
            hidden: true,
@@ -292,7 +292,7 @@ Ext.define('PVE.node.CephPoolList', {
        {
            text: gettext('Autoscale Mode'),
            flex: 1,
-           minWidth: 140,
+           minWidth: 100,
            align: 'right',
            dataIndex: 'pg_autoscale_mode',
        },
@@ -301,15 +301,13 @@ Ext.define('PVE.node.CephPoolList', {
            flex: 1,
            align: 'right',
            minWidth: 150,
-           renderer: function(v, meta, rec) {
-               return v + ' (' + rec.data.crush_rule + ')';
-           },
+           renderer: (v, meta, rec) => `${v} (${rec.data.crush_rule})`,
            dataIndex: 'crush_rule_name',
        },
        {
            text: gettext('Used') + ' (%)',
            flex: 1,
-           minWidth: 180,
+           minWidth: 150,
            sortable: true,
            align: 'right',
            dataIndex: 'bytes_used',