| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <link rel="import" href="chrome://resources/html/polymer_config.html"> | 
|  | 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h
    tml"> | 
|  | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog-behavior/p
    aper-dialog-behavior.html"> | 
|  | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog-behavior/p
    aper-dialog-shared-styles.html"> | 
|  | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
    -icon-button.html"> | 
|  | 6 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> | 
|  | 7 | 
|  | 8 <dom-module id="settings-dialog"> | 
|  | 9   <template> | 
|  | 10     <style include="paper-dialog-shared-styles"></style> | 
|  | 11     <style> | 
|  | 12       .dialog-content { | 
|  | 13         -webkit-padding-end: 0; | 
|  | 14         -webkit-padding-start: 0; | 
|  | 15         margin-bottom: 0; | 
|  | 16         margin-top: 0; | 
|  | 17       } | 
|  | 18 | 
|  | 19       .footer-container { | 
|  | 20         margin: 0; | 
|  | 21         padding: 0; | 
|  | 22       } | 
|  | 23 | 
|  | 24       .top-row { | 
|  | 25         align-items: center; | 
|  | 26         border-bottom: 1px solid gainsboro; | 
|  | 27         display: flex; | 
|  | 28         padding-bottom: 5px; | 
|  | 29         padding-top: 5px; | 
|  | 30       } | 
|  | 31 | 
|  | 32       .body-content { | 
|  | 33         font-size: 1em; | 
|  | 34         margin: 20px 0; | 
|  | 35       } | 
|  | 36 | 
|  | 37       :host { | 
|  | 38         max-width: 800px; | 
|  | 39         min-width: 500px; | 
|  | 40       } | 
|  | 41 | 
|  | 42       :host ::content .title { | 
|  | 43         flex: 1; | 
|  | 44         font-size: 1.13em; | 
|  | 45       } | 
|  | 46 | 
|  | 47       :host ::content .title, | 
|  | 48       .body-content { | 
|  | 49         -webkit-padding-end: 24px; | 
|  | 50         -webkit-padding-start: 24px; | 
|  | 51       } | 
|  | 52 | 
|  | 53       :host ::content .body { | 
|  | 54         margin-bottom: 35px; | 
|  | 55       } | 
|  | 56 | 
|  | 57       :host ::content .button-container { | 
|  | 58         display: flex; | 
|  | 59         justify-content: flex-end; | 
|  | 60       } | 
|  | 61 | 
|  | 62       :host ::content .button-container .cancel-button { | 
|  | 63         color: rgb(109, 109, 109); | 
|  | 64         font-weight: 500; | 
|  | 65       } | 
|  | 66     </style> | 
|  | 67     <div class="dialog-content"> | 
|  | 68       <div class="top-row"> | 
|  | 69         <content select=".title"></content> | 
|  | 70         <paper-icon-button icon="clear" on-tap="cancel" id="close"> | 
|  | 71         </paper-icon-button> | 
|  | 72       </div> | 
|  | 73       <div class="body-content"> | 
|  | 74         <content select=".body"></content> | 
|  | 75         <content select=".button-container"></content> | 
|  | 76       </div> | 
|  | 77     </div> | 
|  | 78     <div class="footer-container"> | 
|  | 79       <content select=".footer"></content> | 
|  | 80     </div> | 
|  | 81   </template> | 
|  | 82   <script src="settings_dialog.js"></script> | 
|  | 83 </dom-module> | 
| OLD | NEW | 
|---|