Table pagination dropdown cuts off pagesize value with new "fill" and "outline" appearances

[hblieb]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

When global form-field appearance is "fill" or "outline", a pagination control should be able to show any selected page size in the dropdown.

What is the current behavior?

Applying "fill" or "outline" adds padding to the pagination select control. A 3-digit option (i.e. 100 records per page) gets truncated because the control is too narrow.

What are the steps to reproduce?

Look at the paginator's select control. (Added MAT_FORM_FIELD_DEFAULT_OPTIONS in main.ts providers).

https://stackblitz.com/edit/angular-pc66qz?file=app/paginator-overview-example.html

What is the use-case or motivation for changing an existing behavior?

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 6.2, Angular Material 6.2

Is there anything else we should know?

Legacy and Standard are fine. It's the padding-left that's causing the problem.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}