Edit button height

[Joe]

I always have a heck of a time trying to find the right CSS style to override for things... Right now, I need to change the height of the Edit button in the grid... I hate all that extra spacing and want to make it slimmer so my rows in my grid look good, without all that additional padding...  How can I do this?

[Orlin]

Extension settingsExtension settings

Hello Joe,

To change the height of the Edit button in the Grid, you can adjust its padding (top and bottom) as well as its line-height. Try adding the following to your CSS:

.k-button.k-grid-edit {
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
}

I hope this helps.

 

Regards,
Orlin
Telerik by Progress

[Joe]

Thank you