Kendo.common.css Firefox Button Padding

[sara]

We have a page where we have included the kendo.common.css stylesheet.  When we view this page in Firefox, we notice that all of our buttons are really tall.  We've tracked this issue down and it is due to the following style in kendo.common.css:

/* Override the important default line-height in Firefox 4+ */

:-moz-any(input[type="submit"], input[type="button"], input[type="reset"]) {

    padding-bottom: 0.37em;

    padding-top: 0.37em;

}

This applies top and bottom padding to any button on our page.  This seems wrong, should this not be something more specific than any button, maybe something like (or some variation thereof):

/* Override the important default line-height in Firefox 4+ */

input.k-button:-moz-any(input[type="submit"], input[type="button"], input[type="reset"]) {

padding-bottom: 0.37em;

padding-top: 0.37em;

}

Thanks,
Sara

[Kamen Bundev]

Hi Sara,

Thank you for noticing. It has been fixed and the fix will be available with the next internal build and later in the service pack. I also updated your points for the find.

All the best,
Kamen Bundev
the Telerik team