Material skinned buttons not consistant

[Jon]

There is a discrepancy on the top position of text between IE and Chrome for buttons rendered with the material skin.  This has changed from Q1 where they both worked.

Issue can be seen on this page and in the attached image.  Left part of the button is IE and right is Chrome.  IE seems to have an extra 2 px above the text.  

http://demos.telerik.com/aspnet-ajax/button/examples/overview/defaultcs.aspx?skin=Material

Please supply me with a temporary css fix - I couldn't see where the 2px is coming from....

Regards

Jon

 

[Danail Vasilev]

Hello Jon,

I have raised the priority of this issue, so that it will be resolved within one our next release. For the time being you can use some CSS workaround:

<style>
    .rbButton.RadButton.RadButton_Material,
    .RadButton.RadButton_Material .rbText {
        line-height: normal;
    }
</style>

As a small token of gratitude for reporting this issue I have updated your Telerik points.

Regards,
Danail Vasilev
Telerik

[Jon]

Many thanks Danail.

That seems to work better now :)