| OLD | NEW | 
|---|
| 1 /* Copyright 2016 The Chromium Authors. All rights reserved. | 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 | 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 /** | 5 /** | 
| 6  * @fileoverview | 6  * @fileoverview | 
| 7  * Common dialog styles for Material Design settings. | 7  * Common dialog styles for Material Design settings. | 
| 8  */ | 8  */ | 
| 9 | 9 | 
| 10 <dom-module id="settings-dialog"> | 10 <dom-module id="settings-dialog"> | 
| (...skipping 28 matching lines...) Expand all  Loading... | 
| 39         font-size: 1em; | 39         font-size: 1em; | 
| 40         margin: 20px 0; | 40         margin: 20px 0; | 
| 41       } | 41       } | 
| 42 | 42 | 
| 43       paper-dialog .title, | 43       paper-dialog .title, | 
| 44       paper-dialog .body { | 44       paper-dialog .body { | 
| 45         -webkit-padding-end: 24px; | 45         -webkit-padding-end: 24px; | 
| 46         -webkit-padding-start: 24px; | 46         -webkit-padding-start: 24px; | 
| 47       } | 47       } | 
| 48 | 48 | 
| 49       paper-dialog .action-button { |  | 
| 50         -webkit-margin-start: 10px; |  | 
| 51         font-weight: 500; |  | 
| 52       } |  | 
| 53 |  | 
| 54       paper-dialog .action-button:not([disabled]) { |  | 
| 55         background-color: rgb(66, 133, 244); |  | 
| 56         color: white; |  | 
| 57       } |  | 
| 58 |  | 
| 59       paper-dialog .cancel-button { | 49       paper-dialog .cancel-button { | 
| 60         color: rgb(109, 109, 109); | 50         color: rgb(109, 109, 109); | 
| 61         font-weight: 500; | 51         font-weight: 500; | 
| 62       } | 52       } | 
| 63 | 53 | 
| 64       paper-dialog .explanation { | 54       paper-dialog .explanation { | 
| 65         margin-bottom: 35px; | 55         margin-bottom: 35px; | 
| 66       } | 56       } | 
| 67 | 57 | 
| 68       paper-dialog .button-container { | 58       paper-dialog .button-container { | 
| 69         display: flex; | 59         display: flex; | 
| 70         justify-content: flex-end; | 60         justify-content: flex-end; | 
| 71       } | 61       } | 
| 72 | 62 | 
| 73       paper-dialog paper-button { | 63       paper-dialog paper-button { | 
| 74         margin: 0; | 64         margin: 0; | 
| 75         min-width: auto; | 65         min-width: auto; | 
| 76       } | 66       } | 
| 77 | 67 | 
| 78       paper-dialog paper-button[toggles][active] { | 68       paper-dialog paper-button[toggles][active] { | 
| 79         background-color: LightGray; | 69         background-color: LightGray; | 
| 80       } | 70       } | 
| 81     </style> | 71     </style> | 
| 82   </template> | 72   </template> | 
| 83 </dom-module> | 73 </dom-module> | 
| OLD | NEW | 
|---|