Improve a bit the esthetics of the User Settings window

* 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
This commit is contained in:
Emmanuel Kasper 2017-07-06 14:01:31 +02:00 committed by Wolfgang Bumiller
parent 9317d08a2d
commit 61516423ad

View File

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