title: jqgrid filter search but cut off
body: <p>I am having an issue with my jqgrid search filter toolbar. It appears with the filter fields cut off. </p>
  
  <p><img src="https://i.stack.imgur.com/SYxyg.png" alt="enter image description here"></p>
  
  <p>I tried increasing the height in ui.jqgrid.css ...</p>
  
  <pre><code>.ui-jqgrid .ui-search-table { padding: 0; border: 0 none; height:20px; width:100%;}
  </code></pre>
  
  <p>and that does give the search table more height but all the inputs are pushed lower and hance become even more cut off.</p>
  
  <p><img src="https://i.stack.imgur.com/WZ3Rf.png" alt="enter image description here"></p>
  
  <p>Can anyone give me some advice on what to do here? Up until today I was using jqgrid 3.7 with jquery ui 1.8.6 and it looked okay. But today I updated my jqgrid version to 4.6.0 and I've since been getting this issue.</p>
  
  <p>thanks for your help.</p>