Takže jak jsem slíbil, že až aplikujete patch na paginate prvek, pošlu ještě patch na ty odkazy "předchozí" a "další"...
Patch:
.nextlinks_bottom {
padding-left: 0;
margin: 20px 0;
text-align: center;
}
.nextlinks_bottom li {
display: inline;
}
.nextlinks_bottom a {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #aaa;
border-radius: 15px;
}
.nextlinks_bottom li > a:hover,
.nextlinks_bottom li > a:focus {
text-decoration: none;
background-color: #eee;
}
.nextlinks_bottom:before,
.nextlinks_bottom:after {
display: table;
content: " ";
}
.nextlinks_bottom:after {
clear: both;
}
Pager pak vypadá jako přiložený obrázek "pager.png".
Když k tomu přidáte ještě toto:
.nextlinks_bottom a:last-child {
float: right;
}
.nextlinks_bottom a:first-child {
float: left;
}
bude vypadat pager jako přiložený obrázek "pager-wide.png".
Ťápnout se samozřejmě dá na celé to "tlačítko" nejen na odkaz, takže je to i mobile friendly.