Pagination Buttons styling fixes
Pagination Buttons styling fixes
https://rockyprep.com/football/colorado/rpi/2014
http://live.datatables.net/huferoga/3
The pagination buttons at the bottom left are styled a little wrong. I'm using Bootstrap and I have properly used the jQuery dataTables js and css modifiers.
The problem: The LAST is always on the row below. There's also too many borders being applied and some extra borders being applied.
I'm using Chrome. It appears the same in FireFox. IE9 has the LAST on the correct row, but has the extra borders still.
Turning off a few CSS fixes all the problems, but I don't know how to apply this CSS to my table. Disabling these 2 css items fixes things:
.pagination li{display:inline}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:1px solid #d8dcdf}