Grid PageSizes button width

[Jacob]

How do I format the width of the page-sizes button on a grid ??

This is what I have:

.Pageable(p =>
    p.Refresh(true)
    .ButtonCount(10)
    .PageSizes(new[] { 10, 25, 100, 200, 1000 })
    .Input(true)
    )

I have tried the following:

.k-pager-wrap .k-dropdown{
    width: 280px;
}

var ddl = $('[data-role="dropdownlist"]').data("kendoDropDownList");
ddl.list.width(100);

-which only change the width of the dropdown list.
How to change the width of the button itself ??
Thanks.

[Dimo]

Hello Jacob,

The CSS rule should work as expected if you place it after the Kendo UI common CSS file. If the rule needs to be registered before the mentioned file, then increase the specificity of its selector, e.g.:

.k-pager-wrap .k-pager-sizes .k-dropdown
{
   width: .........;
}

Regards,
Dimo
Telerik

[Jacob]

Thanks Dimo,

With the right class names, it worked:

.k-pager-wrap .k-pager-sizes .k-dropdown {
    width: auto;
}

[Bryan]

Thanks, Jacob! That worked.