Lack of interest Page navigation CSS

This suggestion has been closed automatically because it did not receive enough votes over an extended period of time. If you wish to see this, please search for an open suggestion and, if you don't find any, post a new one.

Jay

Active member
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;
}
 
Upvote 0
This suggestion has been closed. Votes are no longer accepted.
Top Bottom