[pve-devel] [PATCH manager 5/5] Improve a bit the esthetics of the User Settings window

[Emmanuel Kasper]

 * group the action buttons on the left, to distinguish them from the modal
 'close' button
 * display the action buttons as grey instead of blue, to be consistent
 with the rest of the GUI
---
 www/manager6/window/Settings.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/www/manager6/window/Settings.js b/www/manager6/window/Settings.js
index 47294c6b..953e6604 100644
--- a/www/manager6/window/Settings.js
+++ b/www/manager6/window/Settings.js
@@ -106,7 +106,7 @@ Ext.define('PVE.window.Settings', {
 	    title: gettext('Browser Settings'),
 	    layout: {
 		type: 'vbox',
-		align: 'right'
+		align: 'left'
 	    },
 	    defaults: {
 		width: '100%',
@@ -155,15 +155,13 @@ Ext.define('PVE.window.Settings', {
 		    fieldLabel: gettext('Saved User name'),
 		    labelAlign: 'left',
 		    labelWidth: '50%',
-		    fieldStyle: {
-			'text-align':'right'
-		    },
 		    stateId: 'login-username',
 		    reference: 'savedUserName',
 		    value: ''
 		},
 		{
 		    xtype: 'button',
+		    cls: 'x-btn-default-toolbar-small pve-inline-button',
 		    text: gettext('Clear User name'),
 		    width: 'auto',
 		    name: 'clear-username'
@@ -180,6 +178,7 @@ Ext.define('PVE.window.Settings', {
 		},
 		{
 		    xtype: 'button',
+		    cls: 'x-btn-default-toolbar-small pve-inline-button',
 		    text: gettext('Reset Layout'),
 		    width: 'auto',
 		    name: 'reset'
-- 
2.11.0