title: How to align mat-cell content with icon to right on angular2/material?
body: <p><strong>To begin</strong> with my Code:</p>
  
  <pre><code>&lt;!-- Edit Column --&gt;
  &lt;ng-container mdColumnDef="edit"&gt;
    &lt;md-header-cell *mdHeaderCellDef&gt; {{'companies.edit-column' | translate}}&lt;/md-header-cell&gt;
    &lt;md-cell *mdCellDef="let element"&gt;&lt;a (click)="toCompany(element.id)"&gt;&lt;md-icon class="md-dark"&gt;edit&lt;/md-icon&gt;&lt;/a&gt;&lt;/md-cell&gt;
  &lt;/ng-container&gt;
  </code></pre>
  
  <p><strong>The Requirement</strong> is to adjust the position of the edit icon to the right (with respect of material design's right padding)? Right now it appears to be forcibly left-docked. Applying a <code>style="{text-align: right}" </code> to md-cell does not work.</p>
  
  <p><strong>version of libs</strong>:</p>
  
  <pre><code>"@angular/material": "2.0.0-beta.10"
  "@angular/cdk": "^2.0.0-beta.10",
  "@angular/common": "^4.1.3"
  </code></pre>