Using Angular Material, is it possible to align one button to the left and another to the right, in the same row?

You can do so with the help of a div and layout-align , here is the code:

<section layout="row" layout-sm="column" layout-align="end center" layout-wrap>
  <div layout="row" layout-align="start center" flex>
    <md-button class="md-primary">Submit</md-button>
    <span flex></span>
  </div>
  <md-button class="md-warn">Cancel</md-button>
  <md-button class="md-warn">Delete Boundary Partner Type</md-button>
</section>

And a working Plunker.


You can also use

layout-align="space-between center"

See this exemple : https://material.angularjs.org/latest/demo/panel (Last exemple)