title: Angular Material Tabs ink bar on top
body: <p>I have a basic tab collection. Its going to function as buttons, no actual content:</p>
  
  <pre><code>&lt;md-tabs md-align-tabs="bottom"&gt;
      &lt;md-tab&gt;Canvas 1&lt;/md-tab&gt;
      &lt;md-tab&gt;Canvas 2&lt;/md-tab&gt;
      &lt;md-tab&gt;Canvas 3&lt;/md-tab&gt;
      &lt;md-tab&gt;Canvas 4&lt;/md-tab&gt;
  &lt;/md-tabs&gt;
  </code></pre>
  
  <p>I'm trying to use the tab collection at the bottom of the page. Any idea about how to move the ink bar to the top of the tab collection instead of the bottom? </p>
  
  <p><code>md-align-tabs</code> does not change the location of the ink bar in my testing. I was unable to identify a solution with pure CSS.</p>