title: JQuery Data table paging buttons scrunched together when bjqueryui is true
body: <p>Here's my data table...</p>
  
  <pre><code> oTable = $('#example').dataTable({
         "sDom": 'T&lt;"clear"&gt;lfrtip',
          //"sDom": 'R&lt;"H"Tlfr&gt;t&lt;"F"ip&gt;',
          // "bServerSide": true,
          "sAjaxSource": '@Url.Action("GetAllDonors", "Person")',
          /* Reduced data set */
          "bProcessing": true,
           "sScrollX": "100%",
          "sScrollXInner": "100%",
          "bScrollCollapse": true,
          "bJQueryUI": true,
          "sPaginationType": "full_numbers",
          "iDisplayLength": 10,
          "fnInitComplete": function (oSettings) {
              $(oTable.fnGetNodes()).click(function () {
                  var iPos = oTable.fnGetPosition(this);
                  var aData = oSettings.aoData[iPos]._aData;
                  location.href = '/Person/Details?id=' + aData[0];
                  //alert('Data at index 0: '+aData[0]);
              });
          },
          "aoColumns": [
          { "bVisible": false },
          { "sTitle": "Name" },
          { "sTitle": "Address" },
          { "sTitle": "Phone" },
          { "sTitle": "Email" },
          { "sTitle": "Company" }
      ]
  
      });
  });
  </code></pre>
  
  <p>when I enable the ui theme, the paging buttons get pushed together so some are overlapping/can't click on them. Any thoughts?</p>
  
  <p>Here's a screen shot of what it looks like: <img src="https://i.stack.imgur.com/vwBwn.png" alt="enter image description here"></p>