pagination display issue on small devices like nexus 4

[wizjack]

Having problem with pagination in 0.9.10. on small devices. Attached is the screen grab

[mkranjan]

Am also facing the same issue, how to disable the label from pagination

[jimmyn]

Same for me

[mrtnjln]

:+1:

[hectorgr]

Try use this at the end of your CSS @media screen and (max-width: 460px) { .md-table-pagination { display: table !important; margin: 10px auto; padding-top: 10px; } .md-table-pagination .label, md-table-pagination .md-table-select { display: table-header-group !important; } .md-table-pagination .label { text-align: center; } .md-table-pagination .md-table-select .md-select-value { margin: 0 auto; width: 60px; text-align: center; } .md-table-pagination .md-button:nth-of-type(1) { margin-left: 0 !important; } }

[simonmorley]

@hectorgr That CSS makes things much worse unless you're after a pyramid of pagination ;)

[simonmorley]

I've opted to remove the labels completely which is 100% naff but nicer than what was occurring before.

@media screen and (max-width: 460px) {
  .md-table-pagination .label { display: none; }
}

[hectorgr]

Since version 0.10.4 this isn't necessary because this problem was fixed.

[simonmorley]

Just checked my bower conf and it was fixed to .9.

Looks OK to me on latest.