| OLD | NEW | 
|---|
|  | (Empty) | 
| 1 <!-- Common dialog styles for Material Design settings. --> |  | 
| 2 <dom-module id="settings-dialog"> |  | 
| 3   <template> |  | 
| 4     <style> |  | 
| 5       paper-dialog { |  | 
| 6         max-width: 800px; |  | 
| 7         min-width: 500px; |  | 
| 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 .cancel-button { |  | 
| 42         color: rgb(109, 109, 109); |  | 
| 43         font-weight: 500; |  | 
| 44       } |  | 
| 45 |  | 
| 46       paper-dialog .explanation { |  | 
| 47         margin-bottom: 35px; |  | 
| 48       } |  | 
| 49 |  | 
| 50       paper-dialog .button-container { |  | 
| 51         display: flex; |  | 
| 52         justify-content: flex-end; |  | 
| 53       } |  | 
| 54 |  | 
| 55       paper-dialog paper-button { |  | 
| 56         margin: 0; |  | 
| 57         min-width: auto; |  | 
| 58       } |  | 
| 59 |  | 
| 60       paper-dialog paper-button[toggles][active] { |  | 
| 61         background-color: LightGray; |  | 
| 62       } |  | 
| 63     </style> |  | 
| 64   </template> |  | 
| 65 </dom-module> |  | 
| OLD | NEW | 
|---|