| OLD | NEW |
| (Empty) | |
| 1 /* Copyright 2016 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ |
| 4 |
| 5 :host { |
| 6 align-items: center; |
| 7 display: flex; |
| 8 flex-direction: column; |
| 9 justify-content: center; |
| 10 }; |
| 11 |
| 12 #container { |
| 13 color: #333; |
| 14 font-size: 13px; |
| 15 line-height: 20px; |
| 16 width: 624px; |
| 17 } |
| 18 |
| 19 #title-area { |
| 20 border-bottom: 1px solid rgba(0, 0, 0, .12); |
| 21 padding-bottom: 16px; |
| 22 } |
| 23 |
| 24 #title { |
| 25 font-size: 16px; |
| 26 } |
| 27 |
| 28 #title-area iron-icon { |
| 29 color: #969696; |
| 30 height: 20px; |
| 31 width: 20px; |
| 32 } |
| 33 |
| 34 .content-area { |
| 35 padding-top: 32px; |
| 36 white-space: pre-wrap; |
| 37 word-wrap: break-word; |
| 38 } |
| 39 |
| 40 #actions { |
| 41 bottom: 16px; |
| 42 position: absolute; |
| 43 right: 16px; |
| 44 } |
| 45 |
| 46 :host-context([dir='rtl']) #actions { |
| 47 left: 16px; |
| 48 right: auto; |
| 49 } |
| 50 |
| 51 #actions paper-button { |
| 52 border-radius: 2px; |
| 53 line-height: 32px; |
| 54 margin: 0 4px; |
| 55 min-width: 52px; |
| 56 padding: 0 16px; |
| 57 } |
| 58 |
| 59 #actions paper-button.action { |
| 60 -webkit-margin-end: 0; |
| 61 background: var(--google-blue-500); |
| 62 color: white; |
| 63 } |
| OLD | NEW |