| OLD | NEW |
| 1 <link rel="import" href="../settings_shared_css.html"> | 1 <link rel="import" href="../settings_shared_css.html"> |
| 2 | 2 |
| 3 <!-- Common styles for Internet settings. --> | 3 <!-- Common styles for Internet settings. --> |
| 4 <dom-module id="internet-shared"> | 4 <dom-module id="internet-shared"> |
| 5 <template> | 5 <template> |
| 6 <style include="settings-shared"> | 6 <style include="settings-shared"> |
| 7 cr-network-icon { | 7 cr-network-icon { |
| 8 -webkit-padding-end: var(--settings-box-row-padding); | 8 -webkit-padding-end: var(--settings-box-row-padding); |
| 9 } | 9 } |
| 10 | 10 |
| 11 iron-icon.policy { | 11 iron-icon.policy { |
| 12 -webkit-margin-end: var(--cr-controlled-by-spacing); | 12 -webkit-margin-end: var(--cr-controlled-by-spacing); |
| 13 } | 13 } |
| 14 | 14 |
| 15 paper-input-container { | 15 paper-input-container { |
| 16 --paper-input-container-input: { | 16 --paper-input-container-input: { |
| 17 color: var(--paper-grey-600); | 17 color: var(--paper-grey-600); |
| 18 font-size: inherit; | 18 font-size: inherit; |
| 19 font-weight: 400; | 19 font-weight: 400; |
| 20 }; | 20 }; |
| 21 margin-bottom: 0; | 21 margin-bottom: 0; |
| 22 margin-top: -9px; | 22 margin-top: -9px; |
| 23 } | 23 } |
| 24 | 24 |
| 25 .button-container { | |
| 26 align-items: center; | |
| 27 display: flex; | |
| 28 } | |
| 29 | |
| 30 .button-container paper-button { | |
| 31 /* Align text edge with trailing margin (12px button padding) */ | |
| 32 -webkit-margin-end: -12px; | |
| 33 /* 8px spacing between highlight edges. */ | |
| 34 -webkit-margin-start: calc(12px + 8px); | |
| 35 } | |
| 36 | |
| 37 .settings-box.indented { | 25 .settings-box.indented { |
| 38 -webkit-margin-start: var(--settings-box-row-padding); | 26 -webkit-margin-start: var(--settings-box-row-padding); |
| 39 } | 27 } |
| 40 | 28 |
| 41 .settings-box.stretch { | 29 .settings-box.stretch { |
| 42 align-items: stretch; | 30 align-items: stretch; |
| 43 } | 31 } |
| 44 | 32 |
| 45 .title { | 33 .title { |
| 46 font-size: 107.69%; /* 14px / 13px */ | 34 font-size: 107.69%; /* 14px / 13px */ |
| 47 font-weight: 500; | 35 font-weight: 500; |
| 48 } | 36 } |
| 49 </style> | 37 </style> |
| 50 </template> | 38 </template> |
| 51 </dom-module> | 39 </dom-module> |
| OLD | NEW |