| OLD | NEW |
| 1 /* Copyright (c) 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2015 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 #container { | 5 #container { |
| 6 -webkit-margin-start: 16px; | 6 -webkit-margin-start: 16px; |
| 7 align-items: flex-start; | 7 align-items: flex-start; |
| 8 padding-top: 16px; | 8 padding-top: 16px; |
| 9 } | 9 } |
| 10 | 10 |
| 11 #availableIcons img, | 11 #availableIcons img, |
| 12 #availableIcons iron-icon { | 12 #availableIcons iron-icon { |
| 13 border-radius: 4px; | 13 border-radius: 4px; |
| 14 margin: 8px; | 14 margin: 8px; |
| 15 } | 15 } |
| 16 | 16 |
| 17 #availableIcons img { | 17 #availableIcons img { |
| 18 height: 64px; | 18 height: 64px; |
| 19 padding: 2px; | 19 padding: 2px; |
| 20 vertical-align: top; | 20 vertical-align: top; |
| 21 width: 64px; | 21 width: 64px; |
| 22 } | 22 } |
| 23 | 23 |
| 24 #availableIcons iron-icon { | 24 #availableIcons iron-icon { |
| 25 border: 1px solid var(--google-grey-500); | 25 border: 1px solid var(--google-grey-500); |
| 26 height: 32px; | |
| 27 padding: 17px; | 26 padding: 17px; |
| 28 width: 32px; | |
| 29 } | 27 } |
| 30 | 28 |
| 31 #availableIcons .iron-selected { | 29 #availableIcons .iron-selected { |
| 32 border: 2px solid var(--google-blue-500); | 30 border: 2px solid var(--google-blue-500); |
| 33 } | 31 } |
| 34 | 32 |
| 35 #availableIcons img.iron-selected { | 33 #availableIcons img.iron-selected { |
| 36 padding: 0; | 34 padding: 0; |
| 37 } | 35 } |
| 38 | 36 |
| (...skipping 25 matching lines...) Expand all Loading... |
| 64 padding: 8px; | 62 padding: 8px; |
| 65 } | 63 } |
| 66 | 64 |
| 67 #discardOldImage { | 65 #discardOldImage { |
| 68 background-color: var(--paper-red-500); | 66 background-color: var(--paper-red-500); |
| 69 border-radius: 50%; | 67 border-radius: 50%; |
| 70 color: white; | 68 color: white; |
| 71 display: block; | 69 display: block; |
| 72 margin: 0 auto 0 auto; | 70 margin: 0 auto 0 auto; |
| 73 } | 71 } |
| OLD | NEW |