[CLOSED] Buttons in tabpanel tbar are spacing out instead of left aligning

[aghextjs]

Hi-

I have a tabpanel inside of panel that is using the FitToParent plugin. I added some buttons to the tbar on the first tab in my tabpanel and for some reason they are spacing out evenly instead of being left aligned. It actually doesn't matter what buttonAlign I set, they always space evenly. I'd like to debug this b/c I think there may be a css issue going on, but I'm not even sure where to put that first breakpoint.

To give you an idea, here's what it looks like:
buttons.png

And here's my code, paired down a little bit. I don't think I'm doing anything funny, but maybe I've got some layouts wrong...

Ext.onReady(function(){
    Ext.QuickTips.init();
    
    var tab1 = {
        title : 'Tab1',
        id: 'simpleRolesTab',
        layout: 'hbox',
        defaults : {
            flex : 1, //auto stretch
            margins:'0 0 0 0'
        }, 
        layoutConfig : {padding: '5',align : 'stretch'},        
        items : [
            {
                html: 'here is tab 1'
            }
        ],
        tbar : {
            buttonAlign: 'left',
            items: [
            {
                text: 'Save',
                iconCls: 'btn-save',
                handler: doSave
            },
            {
                text: 'Undo Changes',
                iconCls: 'btn-cancel'
            }
        ]}
        
    };

    var testPanel = new Ext.Panel({
        title : 'Role Configuration',
        collapsible : false,
        renderTo : 'rolesdiv',
        layout: 'border',
        plugins: [
            new Ext.ux.FitToParent({
                parent: 'rolesdiv',
                offsets: [0, 50]
            })
        ],
        items : [
            {
                region : 'center',
                layout: 'fit',
                items : [
                    {
                        xtype: 'tabpanel',
                        activeTab: 0,
                        items : [
                            tab1
                        ]
                    }
                ]
            }
        ]
    });
    
}); 

A second pair of eyes or a helpful hint on where to set debugger breakpoints much appreciated!

thanks,
Annie

[aghextjs]

My hunch was correct, turned out to be a CSS problem. The product I'm working on has a CSS reset type file that sets the TABLE tag to have width:100%. This forced some of the generated HTML for the buttons to have width:100% which made them as wide as the panel.