OLD | NEW |
1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
2 <link rel="import" href="chrome://resources/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
3 <link rel="import" href="/settings_vars_css.html"> | 3 <link rel="import" href="internet_shared_css.html"> |
4 | 4 |
5 <dom-module id="network-proxy-exclusions"> | 5 <dom-module id="network-proxy-exclusions"> |
6 <template> | 6 <template> |
7 <style> | 7 <style include="internet-shared"> |
8 span { | |
9 margin: 5px; | |
10 } | |
11 | |
12 iron-icon { | 8 iron-icon { |
13 @apply(--settings-actionable); | 9 @apply(--settings-actionable); |
14 margin: 5px; | 10 margin: 5px; |
15 } | 11 } |
16 | 12 |
17 div#container { | 13 #container { |
| 14 align-self: stretch; |
18 border: 1px solid lightgrey; | 15 border: 1px solid lightgrey; |
| 16 display: flex; |
| 17 flex-direction: column; |
19 height: 100px; | 18 height: 100px; |
20 margin: 5px; | 19 margin-top: 10px; |
21 overflow-y: auto; | 20 overflow-y: auto; |
| 21 padding: 5px; |
22 } | 22 } |
23 </style> | 23 </style> |
24 <div id="container" class="layout vertical"> | 24 <div id="container"> |
25 <template is="dom-repeat" items="[[exclusions]]"> | 25 <template is="dom-repeat" items="[[exclusions]]"> |
26 <div class="layout horizontal"> | 26 <div class="layout horizontal center"> |
27 <span class="flex">[[item]]</span> | 27 <div class="flex">[[item]]</div> |
28 <iron-icon icon="cr:clear" on-tap="onRemoveTap_"></iron-icon> | 28 <iron-icon class="favicon-image" icon="cr:clear" |
| 29 on-tap="onRemoveTap_"></iron-icon> |
29 </div> | 30 </div> |
30 </template> | 31 </template> |
31 </div> | 32 </div> |
32 </template> | 33 </template> |
33 <script src="network_proxy_exclusions.js"></script> | 34 <script src="network_proxy_exclusions.js"></script> |
34 </dom-module> | 35 </dom-module> |
OLD | NEW |