| OLD | NEW |
| 1 <!-- Common styles for Passwords and Forms --> | 1 <!-- Common styles for Passwords and Forms --> |
| 2 <dom-module id="passwords-shared"> | 2 <dom-module id="passwords-shared"> |
| 3 <template> | 3 <template> |
| 4 <style> | 4 <style> |
| 5 :host { | 5 :host { |
| 6 -webkit-margin-end: 20px; | 6 -webkit-margin-end: 20px; |
| 7 -webkit-margin-start: 20px; | 7 -webkit-margin-start: 20px; |
| 8 display: flex; | 8 display: flex; |
| 9 flex-direction: column; | 9 flex-direction: column; |
| 10 } | 10 } |
| 11 | 11 |
| 12 .column-header { | 12 .column-header { |
| 13 color: var(--google-grey-500); | 13 color: var(--google-grey-500); |
| 14 font-weight: 500; | 14 font-weight: 500; |
| 15 } | 15 } |
| 16 | 16 |
| 17 .heading { | |
| 18 margin-bottom: 8px; | |
| 19 } | |
| 20 | |
| 21 paper-icon-button { | 17 paper-icon-button { |
| 22 -webkit-margin-end: 0; | 18 -webkit-margin-end: 0; |
| 23 -webkit-margin-start: 20px; | 19 -webkit-margin-start: 20px; |
| 24 -webkit-padding-end: 0; | 20 -webkit-padding-end: 0; |
| 25 -webkit-padding-start: 0; | 21 -webkit-padding-start: 0; |
| 26 color: var(--paper-grey-600); | 22 color: var(--paper-grey-600); |
| 27 width: 20px; | 23 width: 20px; |
| 28 } | 24 } |
| 29 | 25 |
| 30 .item-list { | 26 .item-list { |
| 31 -webkit-margin-start: 36px; | 27 -webkit-margin-start: 36px; |
| 32 margin-bottom: 16px; | 28 margin-bottom: 16px; |
| 33 } | 29 } |
| 34 | 30 |
| 35 .list-with-header > div:first-of-type { | 31 .list-with-header > div:first-of-type { |
| 36 border-top: var(--settings-separator-line); | 32 border-top: var(--settings-separator-line); |
| 37 } | 33 } |
| 38 | 34 |
| 39 /* TODO(hcarmona): Grow menu width by 64px if content is wider */ | 35 /* TODO(hcarmona): Grow menu width by 64px if content is wider */ |
| 40 .menu-item { | 36 .menu-item { |
| 41 -webkit-padding-start: 24px; | 37 -webkit-padding-start: 24px; |
| 42 background-color: white; | 38 background-color: white; |
| 43 border: none; | 39 border: none; |
| 44 font: inherit; | 40 font: inherit; |
| 45 width: 104px; | 41 width: 104px; |
| 46 } | 42 } |
| 47 </style> | 43 </style> |
| 48 </template> | 44 </template> |
| 49 </dom-module> | 45 </dom-module> |
| OLD | NEW |