MD Settings: Internet: Clean up network and proxy sections.

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

Index: chrome/browser/resources/settings/internet_page/network_proxy_input.html
diff --git a/chrome/browser/resources/settings/internet_page/network_proxy_input.html b/chrome/browser/resources/settings/internet_page/network_proxy_input.html
index f2688a05ec8ea7a3ee3e131331446b6023eede1d..843bf2d9916a756c3491dea6e45e2e02fca25293 100644
--- a/chrome/browser/resources/settings/internet_page/network_proxy_input.html
+++ b/chrome/browser/resources/settings/internet_page/network_proxy_input.html
@@ -1,30 +1,25 @@
 <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>
+    <style include="internet-shared">
       #port {
         width: 50px;
       }
-
-      span {
-        -webkit-margin-end: 5px;
-      }
-
-      paper-input {
-        margin: -9px 5px 0;
-      }
     </style>
-    <div id="outer" class="layout horizontal">
-      <span class="flex">[[label]]</span>
-      <paper-input no-label-float id="url" disabled="[[!editable]]"
-          value="{{value.Host}}" on-blur="onValueChange_">
-      </paper-input>
-      <span>Port</span>
-      <paper-input no-label-float id="port" disabled="[[!editable]]"
-         value="{{value.Port}}" on-blur="onValueChange_">
-      </paper-input>
+    <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]]"

[dschuyler, 2016/07/29 02:07:22]

just curious: Is the is="iron-input" an improvement 
over paper-input?

[stevenjb, 2016/07/29 17:35:18]

paper-input includes a lot of other crap (prefix, label, suffix, error) that we
don't need and which makes aligning the input field that much more difficult.
(If you look at paper-input.html you'll see that otherwise it is just an <input
is="iron-input"> wrapped in a <paper-input-container>).

However, you reminded me that I need to include paper-input-container instead of
paper-input in the places where this changed :)

+            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>