| OLD | NEW |
| 1 <link rel="import" href="/settings_root_css.html"> | 1 <link rel="import" href="/settings_root_css.html"> |
| 2 | 2 |
| 3 <!-- Common styles for Material Design settings. --> | 3 <!-- Common styles for Material Design settings. --> |
| 4 <dom-module id="settings-shared"> | 4 <dom-module id="settings-shared"> |
| 5 <template> | 5 <template> |
| 6 <style> | 6 <style> |
| 7 h2 { | 7 h2 { |
| 8 align-items: center; | 8 align-items: center; |
| 9 display: flex; | 9 display: flex; |
| 10 font-size: 100%; | 10 font-size: 100%; |
| (...skipping 159 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 170 font-weight: 500; | 170 font-weight: 500; |
| 171 } | 171 } |
| 172 | 172 |
| 173 .list-item select { | 173 .list-item select { |
| 174 -webkit-margin-start: 4px; | 174 -webkit-margin-start: 4px; |
| 175 } | 175 } |
| 176 | 176 |
| 177 .list-item > .middle { | 177 .list-item > .middle { |
| 178 flex: 1; | 178 flex: 1; |
| 179 margin: 8px 16px; | 179 margin: 8px 16px; |
| 180 overflow: hidden; | |
| 181 white-space: nowrap; | |
| 182 } | 180 } |
| 183 | 181 |
| 184 .list-item > .start { | 182 .list-item > .start { |
| 185 flex: 1; | 183 flex: 1; |
| 186 overflow: hidden; | |
| 187 white-space: nowrap; | |
| 188 } | 184 } |
| 189 | 185 |
| 190 .list-item > paper-icon-item { | 186 .list-item > paper-icon-item { |
| 191 padding: 0; | 187 padding: 0; |
| 192 } | 188 } |
| 193 | 189 |
| 194 /* This button has no ink ripple. */ | 190 /* This button has no ink ripple. */ |
| 195 .list-item.list-button { | 191 .list-item.list-button { |
| 196 align-items: center; | 192 align-items: center; |
| 197 color: var(--google-blue-500); | 193 color: var(--google-blue-500); |
| (...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 274 | 270 |
| 275 .favicon-image { | 271 .favicon-image { |
| 276 background-repeat: no-repeat; | 272 background-repeat: no-repeat; |
| 277 background-size: contain; | 273 background-size: contain; |
| 278 height: 16px; | 274 height: 16px; |
| 279 width: 16px; | 275 width: 16px; |
| 280 } | 276 } |
| 281 </style> | 277 </style> |
| 282 </template> | 278 </template> |
| 283 </dom-module> | 279 </dom-module> |
| OLD | NEW |