| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 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 | 
|  | 3  * found in the LICENSE file. */ | 
|  | 4 | 
|  | 5 /** | 
|  | 6  * @fileoverview | 
|  | 7  * Common dialog styles for Material Design settings. | 
|  | 8  */ | 
|  | 9 | 
|  | 10 #dialog-content { | 
|  | 11   -webkit-padding-end: 0; | 
|  | 12   -webkit-padding-start: 0; | 
|  | 13   margin-bottom: 0; | 
|  | 14   margin-top: 0; | 
|  | 15 } | 
|  | 16 | 
|  | 17 paper-dialog .top-row { | 
|  | 18   align-items: center; | 
|  | 19   border-bottom: 1px solid gainsboro; | 
|  | 20   display: flex; | 
|  | 21   padding-bottom: 5px; | 
|  | 22   padding-top: 5px; | 
|  | 23 } | 
|  | 24 | 
|  | 25 paper-dialog .title { | 
|  | 26   flex: 1; | 
|  | 27   font-size: 1.13em; | 
|  | 28 } | 
|  | 29 | 
|  | 30 paper-dialog .body { | 
|  | 31   font-size: 1em; | 
|  | 32   margin: 20px 0; | 
|  | 33 } | 
|  | 34 | 
|  | 35 paper-dialog .title, | 
|  | 36 paper-dialog .body { | 
|  | 37   -webkit-padding-end: 24px; | 
|  | 38   -webkit-padding-start: 24px; | 
|  | 39 } | 
|  | 40 | 
|  | 41 paper-dialog .action-button { | 
|  | 42   -webkit-margin-start: 10px; | 
|  | 43   background-color: rgb(66, 133, 244); | 
|  | 44   color: white; | 
|  | 45   font-weight: 500; | 
|  | 46 } | 
|  | 47 | 
|  | 48 paper-dialog .cancel-button { | 
|  | 49   color: rgb(109, 109, 109); | 
|  | 50   font-weight: 500; | 
|  | 51 } | 
|  | 52 | 
|  | 53 paper-dialog .explanation { | 
|  | 54   margin-bottom: 35px; | 
|  | 55 } | 
|  | 56 | 
|  | 57 paper-dialog .button-container { | 
|  | 58   display: flex; | 
|  | 59   flex: 1; | 
|  | 60   justify-content: flex-end; | 
|  | 61 } | 
|  | 62 | 
|  | 63 paper-dialog paper-button { | 
|  | 64   margin: 0; | 
|  | 65   min-width: auto; | 
|  | 66 } | 
|  | 67 | 
|  | 68 paper-dialog paper-button[toggles][active] { | 
|  | 69   background-color: LightGray; | 
|  | 70 } | 
| OLD | NEW | 
|---|