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