| 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 align-items: center; | 7 align-items: center; |
| 8 background: rgb(63, 85, 102); | 8 background: rgb(63, 85, 102); |
| 9 color: white; | 9 color: white; |
| 10 content-sizing: padding-box; | 10 content-sizing: padding-box; |
| 11 display: flex; | 11 display: flex; |
| 12 padding-bottom: 8px; | 12 padding-bottom: 8px; |
| 13 padding-top: 8px; | 13 padding-top: 8px; |
| 14 } | 14 } |
| 15 | 15 |
| 16 #title, | 16 #title, |
| 17 #search { | 17 #search { |
| 18 flex: 1 0 var(--downloads-side-column-basis); | 18 flex: 1 0 var(--downloads-side-column-basis); |
| 19 } | 19 } |
| 20 | 20 |
| 21 #title h1 { | 21 #title h1 { |
| 22 -webkit-margin-end: 0; | 22 -webkit-margin-end: 0; |
| 23 -webkit-margin-start: 24px; | 23 -webkit-margin-start: 24px; |
| 24 font-size: 123.077%; |
| 24 margin-bottom: 0; | 25 margin-bottom: 0; |
| 25 margin-top: 0; | 26 margin-top: 0; |
| 26 } | 27 } |
| 27 | 28 |
| 28 #actions { | 29 #actions { |
| 29 display: flex; | 30 display: flex; |
| 30 flex: none; | 31 flex: none; |
| 31 width: var(--downloads-item-width); | 32 width: var(--downloads-item-width); |
| 32 } | 33 } |
| 33 | 34 |
| 34 #search { | 35 #search { |
| 35 display: flex; | 36 display: flex; |
| 36 justify-content: flex-end; | 37 justify-content: flex-end; |
| 37 } | 38 } |
| 38 | 39 |
| 39 #search-term { | 40 #search-term { |
| 40 --paper-input-container-color: rgba(255, 255, 255, .5); | 41 --paper-input-container-color: rgba(255, 255, 255, .5); |
| 41 --paper-input-container-input: { | 42 --paper-input-container-input: { |
| 42 font-size: 14px; | 43 font-size: 14px; |
| 43 }; | 44 }; |
| 44 --paper-input-container-input-color: white; | 45 --paper-input-container-input-color: white; |
| 45 --paper-input-container-focus-color: white; | 46 --paper-input-container-focus-color: white; |
| 46 --paper-input-container-label: { | 47 --paper-input-container-label: { |
| 47 font-size: 14px; | 48 font-size: 14px; |
| 48 }; | 49 }; |
| 49 -webkit-margin-end: 8px; | 50 -webkit-margin-end: 8px; |
| 50 } | 51 } |
| OLD | NEW |