Custom CSS to change height of group button

karelh

Hallo,

I have a custom css that changes the row height and height of my buttons. Since version 8.1 the group buttons are not displaying as they used to (see picture below) Anyone know what I should add to my CSS to fix it?

Thanks
MyCSS

.thinrows .k-grid-content > table > tbody > tr > td > .k-button
{
padding-top:0px;
padding-bottom:0px;
line-height:.3cm;
}
.aw-form .form-inline .form-group, .form-inline .k-grid {
margin-bottom: .5em !important;
}
.k-button {
line-height: 1.5em !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}

karelh

I managed to figure it out. Please see below for those interested.

.thinrows .k-grid-content > table > tbody > tr > td > .k-button
{
padding-top:0px;
padding-bottom:0px;
line-height:.3cm;
}
.aw-form .form-inline .form-group, .form-inline .k-grid {
margin-bottom: .5em !important;
}
.k-button {
line-height: 1.1em;
height: 21px;
margin: 0px;
padding-top: 2px !important;
padding-bottom: 2px !important;
margin: 0 0 0 3px;
}