MdDialog width configuration uncenter dialog.

Bug, feature request, or proposal:

Bug: MdDialog not centered when is open passing a configuration of a custom width.

What is the expected behavior?

MdDialog should be the size of the specified width but keep his center location.

What is the current behavior?

MdDialog is being moved to the left.

What are the steps to reproduce?

https://plnkr.co/edit/fvG6lS8VIihJUlfu01Bv?p=preview

openDialog() { this.dialog.open(DialogOverviewExampleDialog, { width: '600px' }); }

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

Material 2.0.0-beta.2 Chrome in Windows

[willshowell]

As another solution, you can add a panelClass to the dialog and then apply whatever css just to that specific dialog.

this.dialog.open(MyDialogComponent, {
  panelClass: 'my-full-screen-dialog',
  data: { ... }
});

.my-full-screen-dialog .mat-dialog-container {
  max-width: none;
  width: 100vw;
  height: 100vh;
}

[willshowell]

@julianobrasil the styles must be global or without view encapsulation 😁

https://plnkr.co/edit/lGFjGSmhlr9tOoHK1gJp?p=preview