Datatables and Twitter Bootstrap

Hi,

I am a javascript and HTML beginner. I apologise if this is not the correct forum for this query. I am using Datatables via a Bootstrap template. This version has a title and the dropdown box to edit the number of entries displayed in its topmost border. I am trying to place a button in this row immediately to the left of the dropdpwn box (or anywhere else in the row that looks acceptable) but I just cant do it. It always ends up behind the dropbox.


The template can be seem here. I'm using the bottom table.
http://wrapbootstrap.com/preview/WB0F35928

Any suggestions gratefully received.

Best regards,
T

				<div class="row-fluid">
					<div class="span12">
						<div class="widget-box">
							<div class="widget-title">
								<!-- <div class="buttons"><a href="#" class="btn btn-mini"><i class="icon-refresh"></i> Update stats</a></div> -->
								<h5>History</h5>
							</div>
							<div class="widget-content nopadding">
								<table class="table table-bordered data-table">
									<thead>
										<tr>
											<th>Date</th>
											<th>Uploaded</th>
											<th>Download</th>
											<th>Status</th>
											<th>Actions</th>
										</tr>
									</thead>
									<tbody>
									</tbody>
								</table>  
							</div>
						</div>
					</div>
				</div>
			</div>