vertically centre button inside toolbar

[michael.parrott]

I have been adding buttons inside a toolbar like so: (this would be an item in a container)

{	xtype: 'toolbar',
        docked: 'top',
	items:
	[
	{
		xtype: 'button',
		docked: 'left',
		text: 'Back'
	},
	{
		xtype: 'button',
		docked: 'right',
		text: 'Confirm'
	}
	]
}

But the buttons don't get placed in the centre (vertically) of the toolbar, and it looks really bad. How do I centre them?

[jerome76]

You can try placing a container in the toolbar with a hbox layout with a center alignment, then putting the buttons in that container. I'm not sure I am understanding what you want to achieve.

[michael.parrott]

If you look at the toolbar attachment I added, I want the button that says 'Search Schools' to be in the middle of the toolbar, not at the top. The same thing happens with or without the title set.

[jerome76]

Search in the CSS for buttons that go on the toolbar and check if there is padding or margins on it.

like .x-toolbar {
or .x-toolbar .x-button {