Howto Remove gap between buttons rendered in toolbar

[mikih]

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

Screen Shot 2012-09-21 at 1.46.18 PM.png


please see the code snippet:

http://pastie.org/4771613



Thanks in advaance

Florian

[scottmartin]

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

Scott.

[mikih]

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

[scottmartin]

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.

[mikih]

WORKS! thanks a lot!

the layout should have a property like gap


Have a great weekend!