Howto Remove gap between buttons rendered in toolbar

Hi folks,

I was wondering how to remove the spacees betweeh the items (buttons) rendered in a toolbar... I searched the docs and googled... and found no solution... I also went thru the source but couldnt find the peace where its absolute position is applied... My guess is that it is somewhere in the layout... I am using a hbox layout in the toolbar:

hbox.defaultMargins sounds very like what I need but it doesnt work...


Hope someone can help

Attachment 38844


please see the code snippet:

http://pastie.org/4771613



Thanks in advaance

Florian

Have a look at: .x-btn-default-toolbar-small

Scott.

thanks for your reply! Can you be a bit more specific?

I removed all padding and margins... its the absolute coordinates that make the gap


Cheers

I was incorrect. The changed if FireBug, but not in app.

Please try adding the following CSS:

// was 0 2px 0 0
.x-toolbar .x-toolbar-item {
margin: 0 0 0 0;
}
​
Scott.

WORKS! thanks a lot!

the layout should have a property like gap


Have a great weekend!

:D