matPrefix element not aligned properly in form field with appearance fill and outline

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

#### What is the expected behavior?
matPrefix Element should be aligned properly with matLabel in MatFormField with appearance set as "Fill" and "Outline"

#### What is the current behavior?
Not as expected

#### What are the steps to reproduce?
https://stackblitz.com/edit/angular-xfexy1


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

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

#### Is there anything else we should know?

まず、リンクされた StackBlitz で Angular 6 の例を使って配置の問題を再現し、fill と outline の appearance における MatFormField 内の matPrefix に焦点を当てます。その再現から、関連する form-field のレンダリングとスタイリングを追跡します。完了の条件は、どちらの appearance でも matPrefix 要素が matLabel と正しく揃うことです。

索引モデルが issue の本文から書いたものです。