I have a jQuery UI Button that I'm placing in a jqGrid toolbar but the contents of the button are wrapping. I've tried to prevent the wrapping by using CSS white-space Property to no avail.

Here's a snapshot of what's happening:

Here are two code snippets of my attempt to fix the problem:

    $("#t_imageList").css("white-space", "nowrap").html('<button>Add</button>');

    $("#t_imageList button").button({
        icons: {primary: 'ui-icon-plus'},
        text: true
    });

and/or

$("#t_imageList button").css("white-space", "nowrap").button({
    icons: {primary: 'ui-icon-plus'},
    text: true
});

Has someone experienced the same issue? If so, what was your solution?