| OLD | NEW |
| 1 <!-- Copyright (c) 2014 The Chromium Authors. All rights reserved. | 1 <!-- Copyright (c) 2014 The Chromium Authors. All rights reserved. |
| 2 Use of this source code is governed by a BSD-style license that can be | 2 Use of this source code is governed by a BSD-style license that can be |
| 3 found in the LICENSE file. --> | 3 found in the LICENSE file. --> |
| 4 | 4 |
| 5 <polymer-element name="cr-toolbar" noscript> | 5 <polymer-element name="cr-toolbar" noscript> |
| 6 <template> | 6 <template> |
| 7 <style> | 7 <style> |
| 8 :host { | 8 :host { |
| 9 display: -webkit-flex; | 9 display: -webkit-flex; |
| 10 display: flex; | 10 display: flex; |
| 11 /* | 11 /* |
| 12 Use padding on the bottom so the margin doesn't overflow | 12 Use padding on the bottom so the margin doesn't overflow |
| 13 when the toolbar is the last thing, and use margin on the | 13 when the toolbar is the last thing, and use margin on the |
| 14 top so it collapses with sections before the toolbar. | 14 top so it collapses with sections before the toolbar. |
| 15 */ | 15 */ |
| 16 /* TODO(esprehn): Can we do this simpler? */ | 16 /* TODO(esprehn): Can we do this simpler? */ |
| 17 padding-bottom: 1em; | 17 padding-bottom: 1em; |
| 18 margin: 1em 16px 0 16px; | 18 margin: 1em 16px 0 16px; |
| 19 flex-wrap: wrap; | 19 flex-wrap: wrap; |
| 20 -webkit-flex-wrap: wrap; | 20 -webkit-flex-wrap: wrap; |
| 21 align-items: center; | 21 align-items: center; |
| 22 -webkit-align-items: center; | 22 -webkit-align-items: center; |
| 23 } | 23 } |
| 24 </style> | 24 </style> |
| 25 <content></content> | 25 <content></content> |
| 26 </template> | 26 </template> |
| 27 </polymer-element> | 27 </polymer-element> |
| OLD | NEW |