md dialog actions are on top instead of bottom of dialog

I've had this problem when using an older version of Angular Material (in my case 0.10.0) with a more recent version of angular (1.5.7 on my side).

You could try to update Angular Material or if, you really don't want to update, you could use the deprecated div possibility:

<div class="md-actions" layout="row" layout-align="end center">

instead of

<md-dialog-actions layout="row">

You can do easily by adding a new CSS class.

<style>
.bottom-fix {
position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
}
</style>

Add apply this class like this -

<md-dialog-actions align="end" layout="row" class="bottom-fix">

Related