browser settings: move reset layout button to same row as label

[pve-manager.git] / www / manager6 / window / Settings.js

diff --git a/www/manager6/window/Settings.js b/www/manager6/window/Settings.js
index 0adb56d89c851ed8c19d436213bab5fc8de461f8..6cef4c38243118c3a179be6957dbedf545da4ed0 100644 (file)
--- a/www/manager6/window/Settings.js
+++ b/www/manager6/window/Settings.js
@@ -239,18 +239,27 @@ Ext.define('PVE.window.Settings', {
                autoEl: { tag: 'hr'}
            },
            {
-               xtype: 'displayfield',
-               fieldLabel: gettext('Layout'),
-               labelAlign: 'left',
-               labelWidth: '50%'
-           },
-           {
-               xtype: 'button',
-               cls: 'x-btn-default-toolbar-small proxmox-inline-button',
-               text: gettext('Reset Layout'),
-               width: 'auto',
-               tooltip: gettext('Reset all layout changes (for example, column widths)'),
-               name: 'reset'
+               xtype: 'panel',
+               border: false,
+               layout: {
+                   type: 'hbox',
+                   align: 'stretch'
+               },
+               items: [
+                   {
+                       xtype: 'displayfield',
+                       fieldLabel: gettext('Layout'),
+                       flex: 2,
+                   },
+                   {
+                       xtype: 'button',
+                       cls: 'x-btn-default-toolbar-small proxmox-inline-button',
+                       text: gettext('Reset Layout'),
+                       tooltip: gettext('Reset all layout changes (for example, column widths)'),
+                       name: 'reset',
+                       flex: 1,
+                   },
+               ]
            },
        ]
     },{