MatFormField hint and error alignment wrong when using a matPrefix icon

#### Bug, feature request, or proposal:
Bug

#### What is the expected behavior?
Hint and error text are horizontally aligned with input text and both are indented if a matPrefix icon is present.

#### What is the current behavior?
The hint and error text are never indented when matPrefix is used.

#### What are the steps to reproduce?
https://stackblitz.com/edit/angular-h1lpum?embed=1&file=app/form-field-appearance-example.html

#### What is the use-case or motivation for changing an existing behavior?
Material Design guidelines are not being followed.

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

#### Is there anything else we should know?
The alignment spec is not explicitly mentioned, but the anatomy diagram is clear: https://material.io/design/components/text-fields.html#anatomy.

Commencez par la reproduction StackBlitz liée et examinez le comportement de mat-form-field lorsqu’une icône matPrefix est présente. Le travail est terminé lorsque le texte d’aide et le texte d’erreur sont alignés horizontalement sur le texte de saisie et indentés de manière cohérente avec le préfixe, tout en préservant le comportement existant du champ de formulaire.

Rédigé par le modèle d'indexation à partir du texte de l'issue.