MD Settings: Internet: Add 'forget' button, more fixes.

chrome/browser/resources/settings/internet_page/network_proxy_input.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
 <link rel="import" href="internet_shared_css.html">
 
 <dom-module id="network-proxy-input">
   <template>
     <style include="internet-shared">
+      paper-input-container {
+        -webkit-margin-start: 10px;
+        margin-bottom: -12px;
+        margin-top: -8px;

[dschuyler, 2016/07/28 22:03:55]

Can you tell me more about what this is 
doing? Other than what I can read, I mean.
Like is it shifting the container for 
aesthetics or to fix an issue?

[stevenjb, 2016/07/28 22:15:50]

Yes, it is realigning the paper input container (which has massive margins by
default) to match the mocks.

+      }
+
       #port {
         width: 50px;
       }
     </style>
     <div class="layout horizontal center">
       <div class="flex">[[label]]</div>
       <paper-input-container no-label-float>
         <input is="iron-input" value="{{value.Host}}" disabled="[[!editable]]"
             on-blur="onValueChange_">
       </paper-input-container>
       <div>Port</div>
       <paper-input-container no-label-float id="port">
         <input is="iron-input" value="{{value.Host}}" disabled="[[!editable]]"
             on-blur="onValueChange_">
       </paper-input-container>
     </div>
   </template>
   <script src="network_proxy_input.js"></script>
 </dom-module>