title: Ionic 2 Button will not right align button
body: <p>I'm looking for a way to pull my buttons to the right side of the page using Ionic2.  I have a form component with edit and save button's that I would like to pull to the right:</p>
  
  <pre><code>&lt;div&gt;
    &lt;button ion-button (click)="toggleEdit()"&gt;
      &lt;ion-icon name="create"&gt;&lt;/ion-icon&gt;
    &lt;/button&gt;
  &lt;/div&gt;
  &lt;ion-list&gt;
    &lt;ion-card-content&gt;
      &lt;ng-content&gt;
      &lt;/ng-content&gt;
    &lt;/ion-card-content&gt;
    &lt;div class="row center"&gt;
      &lt;div class="col text-right"&gt;
        &lt;button ion-button color="secondary" icon-end (click)="save()"&gt;
          &lt;ion-icon name="save"&gt;&lt;/ion-icon&gt;Save
        &lt;/button&gt;
        &lt;!--&lt;a style="min-width: 50%;border-radius: 0px;" class="button button-dark icon-left ion-close"&gt;Cancel&lt;/a&gt;
        &lt;a style="min-width: 50%;border-radius: 0px;" class="button button-balanced icon-left ion-checkmark"&gt;Save&lt;/a&gt;--&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/ion-list&gt;
  </code></pre>
  
  <p>which generates a form that looks like this:<a href="https://i.stack.imgur.com/WSHA4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WSHA4.png" alt="enter image description here"></a></p>
  
  <p>As you can see the save button does not pull to the right,
  I tried using text-right, but maybe that only works for ionic 1? Also tried to use the icon-end directive to pull it to the right but that doesn't seem to be working I guess it only works when there is another button.</p>
  
  <p>Can anyone the proper Ionic way to align the save button to the right?</p>