[Users] Vertical alignement of objects in toolbar

[Luís de Sousa]

Dear all,

I have a toolbar with a few buttons, separators and a split button.
The code that creates this toolbar can be found below, and in
attachment is a small picture with the result. As you can see, each
item is assortedly align in the vertical. My question would be how to
align all these items together, in line with the split button.

Thank you and regards,

Luís

###########################################33

tbar: {
        height: 100,
        items:[
            '-',
            [{
			    iconCls: "pan",
			    map: WebGIS.map,
			    pressed: true,
			    toggleGroup: "tools",
			    allowDepress: false,
			    tooltip: "Navigate",
			    control: new OpenLayers.Control.Navigation()
	    },{
			    iconCls: "print",
			    map: WebGIS.map,
			    toggleGroup: "tools",
			    allowDepress: false,
			    tooltip: "Print - still in development",
			    disabled: true
	    }],
            '-',
            '->',
            '-',
           {
               xtype:'splitbutton',
               text: 'Open Street Map',
               menu: [{
            	   text: 'Open Street Map',
            	   checked: true,
            	   handler  : WebGIS.baseOSM,
            	   group: 'baseLayer'
               },{
            	   text: 'Google Satellite',
            	   checked: false,
            	   handler  : WebGIS.baseGoogleSat,
            	   group: 'baseLayer'
               }]
       	}]
    }
-------------- next part --------------
A non-text attachment was scrubbed...
Name: ToolBarUnaligned.png
Type: image/png
Size: 3902 bytes
Desc: not available
Url : http://www.geoext.org/pipermail/users/attachments/20130108/79238087/attachment.png