Angular md button align right
<p>This is my code: </p>

<pre><code>&lt;section layout="row"&gt;
    &lt;div layout="row"&gt;
      &lt;md-input-container&gt;
        &lt;label translate&gt;enter merchant type&lt;/label&gt;
        &lt;input type="text" ng-readonly="true" ng-model="vm.sector.merchantType"&gt;
      &lt;/md-input-container&gt;
    &lt;/div&gt;
    &lt;div layout="row" layout-align="end none"&gt;
      &lt;md-button class="md-primary" ng-click="vm.openSectorDetail(vm.sector.id)"&gt;
        &lt;label translate&gt;merchant call &lt;/label&gt;
        &lt;md-icon&gt;link&lt;/md-icon&gt;
      &lt;/md-button&gt;
    &lt;/div&gt;

  &lt;/section&gt;
</code></pre>

<p>You can also see from here:
<a href="http://plnkr.co/edit/xZiHtOgXN871xu3X2inO?p=preview" rel="nofollow">http://plnkr.co/edit/xZiHtOgXN871xu3X2inO?p=preview</a></p>

<p>input-container and button must be in same row. Section is not mandatory.</p>

<p>Button must be in the right.</p>

<p>I tried divs inside div but did not work or divs inside section.</p>