Small but helpful fix: Add CSS styling "padding: 7px;" to the pager numbers
This is a super small suggestion, specifically to change how the pager numbers are styled. As of right now the "li" item has styling code of
.pager-container .pagination li {
float: left;
width: 15px;
padding-right: 8px;
}
and then the actual link ("a href" has no padding or width. This makes it really hard to click the page number. My proposed fix would be this:
.pager-container .pagination li {
float: left;
min-width: 23px;
text-align: center;
}
and the "a" value would be something like:
.pager-container .pagination li a {
padding: 7px;
}
This way the clickable area of the link "a" would be the same as the blue box area making it much easier to click the button.