Custom CSS to change height of group button

If you have questions or if you want to share your opinion about Aware IM post your message on this forum
Post Reply
karelh
Posts: 86
Joined: Wed Oct 26, 2016 10:20 pm

Custom CSS to change height of group button

Post by 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;
}
***************************************************
Attachments
Capture.PNG
Capture.PNG (2.14 KiB) Viewed 3499 times
karelh
Posts: 86
Joined: Wed Oct 26, 2016 10:20 pm

Re: Custom CSS to change height of group button

Post by 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;
}
Post Reply