.toggle-label and .toggle-container must have same vertical-align

[bebuch]

Description

When .toggle-label is vertical-align: middle; then .toggle-container must be too. Otherwise they are not on the same line. Try display:inline-block; for a paper-toggle-button!

Expected outcome

Switch and label are always on the same line.

Actual outcome

Switch and label are not on the same line if CSS display is not block.

Steps to reproduce

1. git clone https://github.com/bebuch/paper-toggle-button.git
2. cd paper-toggle-button
3. I wrote a demo and a fix:
   3.1. Demo: git checkout old-behavior
   3.2. Demo with fix: git checkout new-behavior
4. bower install
5. polymer serve
6. Open Web-Browser
7. http://127.0.0.1:8000/components/paper-toggle-button/demo/demo.html

Pull request #131

Browsers Affected

• Chrome
• Firefox
• [?] Safari 9
• [?] Safari 8
• [?] Safari 7
• [?] Edge
• [?] IE 11
• [?] IE 10