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 |