fab: Does not properly account for -sm breakpoint toast position.

[topherfangio]

Actual Behavior:

• What is the issue? * On desktop devices, a toast in the same position as a FAB will push the FAB down to make room for the toast. On mobile devices, the toast always appears at the bottom, but the FAB still moves based on the original position.
• What is the expected behavior? On mobile, the FAB should only move if the FAB is at the bottom since that is the only place the toast can appear.

CodePen (or steps to reproduce the issue): *

• CodePen Demo which shows your issue: http://codepen.io/topherfangio/pen/bZzVKy?editors=1000
• Details: It appears to only affect the -sm breakpoint; not the -xs breakpoint which is correct. Make sure to reduce the preview/browser window to force the toast to appear on the bottom, but bigger than the -xs breakpoint.

Angular Versions: *

• Angular Version: 1.5.8
• Angular Material Version: 1.1.0-RC*

Additional Information:

• Browser Type: * Chrome
• Browser Version: * 53
• OS: * OS X
• Stack Traces:

---

Shortcut to create a new CodePen Demo. Note: * indicates required information. Without this information, your issue may be auto-closed.

Do not modify the titles or questions. Simply add your responses to the ends of the questions. Add more lines if needed.