Slimmer pagination look / feel

[snide]

A slimmer pagination style requested by nearly everyone. cc @uboness

TODO

• Make a full react component and use refs to properly assign focus state so we don't have the weird jumping with large pagination sets. Will do in later PR.
• Compressed format

[uboness]

looks great.... how does it look like when there are 20 pages and you're now at page 10?

Also, it would be nice if you can pass in a showPageNumbers property that will enable to only show the arrows - this can be useful with using pagination in limited small places (e.g. dashboard panels)

[snide]

@uboness Good idea on the small one. Should be able to make that happen pretty easily.

[cchaos]

What about keeping the underline for active page?

[snide]

@cchaos that works for me. I can make that change. If you have a minute, feel free to review the code as well. There's not much to this PR so it should be fine, but I think I'm gonna merge it (before doing the ref changes) and then do that stuff in a followup PR.

[cchaos]

Visually the other thing I saw was that not all focus states had rounded corners:

[snide]

@cchaos Good spot, fixed.

[cchaos]

Code LGTM