[pve-devel] [PATCH widget-toolkit] InputPanel: fix column scaling behavior

[Aaron Lauterer]

When scaling the browsers content either via the browser itself or
because the OS has a different scaling / DPI setting, it can happen that
not all columns have enough space next to each other and thus the last
column is moved further below.

This happens especially on chromium bases browsers (e.g. chrome, edge).

Setting the column width a tiny bit smaller helps to avoid this problem.

Signed-off-by: Aaron Lauterer <a.lauterer at proxmox.com>
---
 src/panel/InputPanel.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/panel/InputPanel.js b/src/panel/InputPanel.js
index 0ac5e48..305bcad 100644
--- a/src/panel/InputPanel.js
+++ b/src/panel/InputPanel.js
@@ -95,25 +95,25 @@ Ext.define('Proxmox.panel.InputPanel', {
 	    me.columns = 4;
 	    items = [
 		{
-		    columnWidth: 0.25,
+		    columnWidth: 0.249,
 		    padding: '0 10 0 0',
 		    layout: 'anchor',
 		    items: me.column1,
 		},
 		{
-		    columnWidth: 0.25,
+		    columnWidth: 0.249,
 		    padding: '0 10 0 0',
 		    layout: 'anchor',
 		    items: me.column2,
 		},
 		{
-		    columnWidth: 0.25,
+		    columnWidth: 0.249,
 		    padding: '0 10 0 0',
 		    layout: 'anchor',
 		    items: me.column3,
 		},
 		{
-		    columnWidth: 0.25,
+		    columnWidth: 0.249,
 		    padding: '0 0 0 10',
 		    layout: 'anchor',
 		    items: me.column4,
@@ -131,13 +131,13 @@ Ext.define('Proxmox.panel.InputPanel', {
 	    me.columns = 2;
 	    items = [
 		{
-		    columnWidth: 0.5,
+		    columnWidth: 0.495,
 		    padding: '0 10 0 0',
 		    layout: 'anchor',
 		    items: me.column1,
 		},
 		{
-		    columnWidth: 0.5,
+		    columnWidth: 0.495,
 		    padding: '0 0 0 10',
 		    layout: 'anchor',
 		    items: me.column2 || [], // allow empty column
-- 
2.20.1