autowidth problem on icon buttons with material

Using autowidth on buttons type icons will make a large right padding on the button when skin is “Material”
This can be annoying when there is lot of buttons. And It does not display well the button on the right because it is not aligned with the right border.

This problem was existing in version 4.0 but it is amplified since upgrade to version 4.2

Try this snippet : http://webix.com/snippet/4b697d91

See the result with “Material” skin and “Flat” skin

The problem is caused by the .webixbutton css class which has padding right and left to 38px.
This class is used by webix when calculating text width for buttons. I don’t see any other uses of this class.
I’ve overrided it to 24px in my own css which fix the problem

how to solve?

Just add the mentioned CSS rule into your stylesheet: https://snippet.webix.com/yq68bxqn