Lack of interest Page navigation CSS

Jay

Active member
#1
There's not enough padding around the page numbers when the numbers reach double digits or more imo. What's more is that the area around the page numbers aren't flexible which means the appearance becomes broken when a page number exceeds 3 digits. So, I propose a few css changes:

Code:
.PageNav a[rel="start"] {
    width: 19px !important;
}
to

Code:
.PageNav a[rel="start"] {
    min-width: 14px !important;
}
---------------------------------------
Code:
.PageNav .scrollable {
    height: 18px;
    overflow: hidden;
    position: relative;
    width: 117px;
}
to

Code:
.PageNav .scrollable {
    height: 18px;
    overflow: hidden;
    position: relative;
    width: 112px;
}
---------------------------------------
Code:
.PageNav a {
    border: 1px solid transparent;
    border-radius: 3px;
    width: 19px;
    text-align: center;
    text-decoration: none;
}
to

Code:
.PageNav a {
    border: 1px solid transparent;
    border-radius: 3px;
    min-width: 14px;
    padding: 0 2px;
    text-align: center;
    text-decoration: none;
}
 
Top