| OLD | NEW |
| 1 /* Copyright 2015 The Chromium Authors. All rights reserved. | 1 /* Copyright 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 :host { | 5 :host { |
| 6 display: flex; | 6 display: flex; |
| 7 flex-direction: column; | 7 flex-direction: column; |
| 8 margin: 12px 0; | |
| 9 } | 8 } |
| 10 | 9 |
| 11 #date { | 10 #date { |
| 12 color: #7c7c7c; | 11 color: #7c7c7c; |
| 13 font-size: 100%; | 12 font-size: 100%; |
| 14 font-weight: 500; | 13 font-weight: 500; |
| 15 margin: 18px auto 16px; /* This top margin + :host top margin = 30px. */ | 14 margin: 24px auto 10px; |
| 16 width: var(--downloads-item-width); | 15 width: var(--downloads-item-width); |
| 17 } | 16 } |
| 18 | 17 |
| 19 #content { | 18 #content { |
| 20 background: white; | 19 background: white; |
| 21 border-radius: 2px; | 20 border-radius: 2px; |
| 22 display: flex; | 21 display: flex; |
| 23 flex: none; | 22 flex: none; |
| 24 margin: 0 auto; | 23 margin: 6px auto; |
| 25 min-height: 103px; | 24 min-height: 103px; |
| 26 width: var(--downloads-item-width); | 25 width: var(--downloads-item-width); |
| 27 } | 26 } |
| 28 | 27 |
| 29 #content.is-active { | 28 #content.is-active { |
| 30 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), | 29 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 4px 0 rgba(0, 0, 0, .08), |
| 31 0 3px 1px -2px rgba(0, 0, 0, .2); | 30 0 3px 1px -2px rgba(0, 0, 0, .2); |
| 32 } | 31 } |
| 33 | 32 |
| 34 #details { | 33 #details { |
| (...skipping 152 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 187 width: 16px; | 186 width: 16px; |
| 188 } | 187 } |
| 189 | 188 |
| 190 #incognito { | 189 #incognito { |
| 191 bottom: 20px; | 190 bottom: 20px; |
| 192 content: -webkit-image-set(url(1x/incognito_marker.png) 1x, | 191 content: -webkit-image-set(url(1x/incognito_marker.png) 1x, |
| 193 url(2x/incognito_marker.png) 2x); | 192 url(2x/incognito_marker.png) 2x); |
| 194 position: absolute; | 193 position: absolute; |
| 195 right: 10px; | 194 right: 10px; |
| 196 } | 195 } |
| OLD | NEW |