Components: MatDialog does not follow material guidelines

[Ploppy3]

What is the expected behavior?

What is the current behavior?

What are the steps to reproduce?

https://stackblitz.com/edit/angular-pwfr1g?file=app%2Fdialog-overview-example-dialog.html

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

Material: 7.2.0

[manklu]

You can configure the alignment of the buttons but it's not obvious from the documentation.

<div mat-dialog-action align="end">
  <button color="accent" mat-button>CANCEL</button> 
  <button color="accent" mat-button>ACCEPT</button>
</div>

[Ploppy3]

Thank you, the biggest problem is actually the layout, the paddings are completely wrong which results in a really odd dialog.

[andrewseguin]

The specs do seem off on the dialog - https://material.io/design/components/dialogs.html#specs

[michael-lang]

The documentation page for dialog should at least have an updated sample that specifies buttons align="end" to promote following the standard.

https://material.angular.io/components/dialog/overview

[epelc]

Would be nice to have align="end" as the default. Kind of a pain to have to specify this everywhere or add a css override per project.

[crisbeto]

There's a PR to default it to end already: https://github.com/angular/material2/pull/13620.