Resizing Edit/Delete buttons in Grid

[Anderson]

Hi,

I'm not sure how to resize the Edit and Delete buttons in the Kendo Grid after getting rid of the text so it only shows the icon.

I was able to do so for the "Create" button. (see image)

It worked for the create button when I simply set the Text field to nothing, and re-adjusted the padding like this

$('.k-button').css('padding-right', '2px');

But it didn't work for the other two buttons.

[Dimo]

Hi Anderson,

These buttons have a min-width style applied. You need to override it, e.g. by setting it to zero.

div.k-grid tbody .k-button
{
   min-width: 0;
}

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

Regards,
Dimo
Telerik