| 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 display: flex; | 6 display: flex; |
| 7 flex-direction: column; | 7 flex-direction: column; |
| 8 } | 8 } |
| 9 | 9 |
| 10 paper-icon-button { | 10 paper-icon-button { |
| 11 @apply(--cr-paper-icon-button-margin); | 11 @apply(--cr-paper-icon-button-margin); |
| 12 color: var(--paper-grey-600); | 12 color: var(--paper-grey-600); |
| 13 flex-shrink: 0; |
| 13 } | 14 } |
| 14 | 15 |
| 15 .list-with-header > div:first-of-type { | 16 .list-with-header > div:first-of-type { |
| 16 border-top: var(--settings-separator-line); | 17 border-top: var(--settings-separator-line); |
| 17 } | 18 } |
| 18 | 19 |
| 19 .website-column { | 20 .website-column { |
| 20 display: flex; | 21 display: flex; |
| 21 flex: 3; | 22 flex: 3; |
| 22 } | 23 } |
| 23 | 24 |
| 24 .username-column { | 25 .username-column { |
| 25 flex: 2; | 26 flex: 2; |
| 26 margin: 0 8px; | 27 margin: 0 8px; |
| 27 } | 28 } |
| 28 | 29 |
| 29 .password-column { | 30 .password-column { |
| 30 align-items: center; | 31 align-items: center; |
| 31 display: flex; | 32 display: flex; |
| 32 flex: 2; | 33 flex: 2; |
| 33 } | 34 } |
| 35 |
| 36 .password-field { |
| 37 background-color: transparent; |
| 38 border: none; |
| 39 flex: 1; |
| 40 height: 20px; |
| 41 width: 0; |
| 42 } |
| 34 | 43 |
| 35 .selectable { | 44 .selectable { |
| 36 -webkit-user-select: text; | 45 -webkit-user-select: text; |
| 37 } | 46 } |
| 38 </style> | 47 </style> |
| 39 </template> | 48 </template> |
| 40 </dom-module> | 49 </dom-module> |
| OLD | NEW |