From 0e0f861a04bde268ea0b9f920179a00de9c1474c Mon Sep 17 00:00:00 2001
From: Thomas Lamprecht <t.lamprecht@proxmox.com>
Date: Wed, 21 Apr 2021 15:41:03 +0200
Subject: [PATCH] ui: ceph/pool: fix minWidths for columns to support 720p
 without scrolling

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
---
 www/manager6/ceph/Pool.js | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/www/manager6/ceph/Pool.js b/www/manager6/ceph/Pool.js
index 67863966..be03ef78 100644
--- 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',