Hi,
I have changed the style for command buttons in Grid using CSS:
.abutton,
div.k-grid .k-grid-edit,
div.k-grid .k-grid-delete,
div.k-grid .k-grid-cancel,
div.k-grid .k-grid-update {
display: inline-block;
width: 16px;
height: 16px;
padding: 0px 0px 0px;
text-align: center;
text-indent: -444px;
border: 0;
}
div.k-grid .k-grid-edit {
background: url('/Content/Icons/edit.png');
}
div.k-grid .k-grid-delete {
background: url('/Content/Icons/cancel.png');
}
div.k-grid .k-grid-cancel {
background: url('/Content/Icons/cancel.png');
}
div.k-grid .k-grid-update {
background: url('/Content/Icons/ok.png');
}
After that all command buttons still have the width equal 64px coming from kendo-common-bootstrap.css or kendo-common.css:
.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button {
min-width: 64px;
}
Unfortunately I cannot find the way to UNSET or set min-width to 16px as I need.
Could you please help.
Kind regards
Genadij