| 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   @apply(--downloads-shared-style); | 6   @apply(--downloads-shared-style); | 
| 7   display: flex; | 7   display: flex; | 
| 8   margin: 32px 0; | 8   margin: 32px 0; | 
| 9 } | 9 } | 
| 10 | 10 | 
| 11 :host([hide-date]) { | 11 :host([hide-date]) { | 
| 12   margin-top: -16px; | 12   margin-top: -16px; | 
| 13 } | 13 } | 
| 14 | 14 | 
|  | 15 /* Day separators. */ | 
|  | 16 :host(:not(:first-of-type):not([hide-date])) :-webkit-any(#content-wrapper, | 
|  | 17                                                           #since) { | 
|  | 18   border-top: 1px solid rgba(0, 0, 0, .2);  /* TODO(dbeam): real color. */ | 
|  | 19   padding-top: 32px; | 
|  | 20 } | 
|  | 21 | 
| 15 #date-container, | 22 #date-container, | 
| 16 #end-cap { | 23 #end-cap { | 
| 17   flex: 1 0 var(--downloads-side-column-basis); | 24   flex: 1 0 var(--downloads-side-column-basis); | 
| 18 } | 25 } | 
| 19 | 26 | 
| 20 #date-container > * { | 27 #date-container > * { | 
| 21   -webkit-margin-start: 24px; | 28   -webkit-margin-start: 24px; | 
|  | 29   color: #616161; | 
|  | 30   font-size: 107.69%; | 
|  | 31   font-weight: bold; | 
| 22 } | 32 } | 
| 23 | 33 | 
| 24 :host([hide-date]) #date-container { | 34 :host([hide-date]) #date-container { | 
| 25   visibility: hidden; | 35   visibility: hidden; | 
| 26 } | 36 } | 
| 27 | 37 | 
| 28 #content { | 38 #content { | 
| 29   background: white; | 39   background: white; | 
| 30   border-radius: 2px;  /* TODO(dbeam): why does this differ from Polymer? */ | 40   border-radius: 2px;  /* TODO(dbeam): why does this differ from Polymer? */ | 
| 31   display: flex; | 41   display: flex; | 
| (...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 129 } | 139 } | 
| 130 | 140 | 
| 131 #remove { | 141 #remove { | 
| 132   --paper-icon-button: { | 142   --paper-icon-button: { | 
| 133     height: 16px; | 143     height: 16px; | 
| 134     width: 16px; | 144     width: 16px; | 
| 135   }; | 145   }; | 
| 136   --iron-icon-height: 16px; | 146   --iron-icon-height: 16px; | 
| 137   --iron-icon-width: 16px; | 147   --iron-icon-width: 16px; | 
| 138 } | 148 } | 
| OLD | NEW | 
|---|