MD Settings: Internet details: Fix proxy toggle and polish

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

 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_icon.html">
 <link rel="import" href="chrome://resources/cr_elements/network/cr_onc_types.html">
 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_network_behavior.html">
 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_network_indicator.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
@@ skipping 14 matching lines @@
   <template>
     <style include="internet-shared">
       :host {
         padding-bottom: 40px;
       }
 
       cr-network-icon {
         -webkit-padding-end: 8px;
       }
 
-      cr-policy-network-indicator {
-        -webkit-margin-start: 10px;
-      }
-
       iron-collapse {
         margin: 10px 0;
       }
 
       iron-icon {
         -webkit-margin-end: 10px;
       }
 
+      paper-toggle-button,
+      cr-policy-network-indicator {
+        -webkit-margin-start: var(--checkbox-spacing);
+      }
+
       /* Use <span> for subtitles so as not to interfere with
        * settings-box:first-of-type. */
       span.subtitle {
         font-weight: 700;
         padding: 20px;
       }
 
       .advanced {
         font-weight: 700;
       }
@@ skipping 17 matching lines @@
       #networkState {
         -webkit-padding-start: 8px;
         /* TODO(stevenjb): Finalize font-size / style for this. */
         font-size: 125%;
         font-weight: 500;
       }
 
       #networkState[connected] {
         color: var(--google-green-500);
       }
-
-      #proxyDiv {
-        max-width: 500px;
-      }
     </style>
     <!-- Title section: Icon + name + connection state. -->
     <div class="settings-box first">
       <div class="start layout horizontal center">
         <cr-network-icon network-state="[[networkProperties]]">
         </cr-network-icon>
         <div id="networkState"
             connected$="[[isConnectedState_(networkProperties)]]">
           [[getStateText_(networkProperties)]]
         </div>
@@ skipping 177 matching lines @@
                 on-proxy-change="onProxyChange_"
                 network-properties="[[networkProperties]]">
             </network-proxy>
           </template>
         </div>
       </iron-collapse>
     </template>
   </template>
   <script src="internet_detail_page.js"></script>
 </dom-module>