title: Is it possible to position an $mdToast at the top of the page for narrow viewport?
body: <p>I'd like to have a toast with site messages (like success or error notification on last action) displayed at the top of the page.</p>
  
  <p>Angular material docs <a href="https://material.angularjs.org/latest/api/service/$mdToast">say</a> you can position a toast at the top:</p>
  
  <blockquote>
    <p>position - {string=}: Where to place the toast. Available: any combination of 'bottom', 'left', 'top', 'right'. Default: 'bottom left'.</p>
  </blockquote>
  
  <p>Top position works fine for desktop browsers with width >= 960px but is ignored when width becomes less (then the toast is always at bottom) - why is that? And on mobile devices it's always at the bottom, too.</p>