title: Angular md button align right
body: <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>