How to change size of pagination icons in angular-slickgrid

Question

i have to reduce size of pagination icons and fonts in order to fit into a slickgrid attached screenshot for ref- enter image description here

Answer 1

Changing the CSS style of the Pagination buttons is not going to help much, it will barely give you back couple of pixels, if you want to do that then I added a couple more SASS variables if you want to play with them

with SASS, you can lower these 2 variables (defaults are shown below, for more take a look at all the SASS variables)

$pagination-button-height:   32px;     // around 28px
$pagination-button-padding:  6px 12px; // around 4px 8px

Another thing you could maybe try is to change the English translation for "items per page" and remove the word "items" (via Translations (Wiki) or Locale File (Wiki) file depending on what you use).

{
  "ITEMS_PER_PAGE": "items per page" // --> "per page"
}

The last option would be to create your own Custom Pagination but that would require much more effort but someone did just that and you can see it in this Example - Custom Pagination