Enhance paging style.

share/static/css/application.css

@@ -511,7 +511,7 @@ body:not(:-moz-handler-blocked) .dropdown-submenu > a:after {
 .pagination ul li a {
   padding: 0 10px;
   margin-right: .5em;
-  line-height: 32px;
+  line-height: 20px;
   color: #444444;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
   background-color: #f8f8f8;

share/static/js/libs/datatables-bootstrap-paging.js

@@ -26,9 +26,9 @@ $.extend( $.fn.dataTableExt.oPagination, {
 			};
 
 			$(nPaging).addClass('pagination').append(
-				'<ul>'+
-					'<li class="prev disabled"><a href="#">&larr; '+oLang.sPrevious+'</a></li>'+
-					'<li class="next disabled"><a href="#">'+oLang.sNext+' &rarr; </a></li>'+
+				'<ul class="pull-right">'+
+					'<li class="prev disabled"><a href="#">&larr;</a></li>'+
+					'<li class="next disabled"><a href="#">&rarr;</a></li>'+
 				'</ul>'
 			);
 			var els = $('a', nPaging);

share/templates/helpers/datatables_field.tt

@@ -14,7 +14,7 @@ $(document).ready(function() {
 
 	$('#[% table_id %]')
 	    .dataTable( {
-        "sDom": "<'row'<'span2'r><'span4'f>>t<'row'<'span3'i><'span3'p>>",
+        "sDom": "<'row'<'span2'r><'span4'f>>t<'row-fluid'<'pull-left'i><'pull-right'p>>",
 		"bProcessing": true,
 		"bServerSide": true,
 		"bPaginate": true,