MD Settings: Use network name for detail page title

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 10 matching lines @@
 <link rel="import" href="network_siminfo.html">
 
 <dom-module id="settings-internet-detail-page">
   <template>
     <style include="internet-shared">
       :host {
         padding-bottom: 40px;
       }
 
       cr-network-icon {
-        -webkit-margin-end: 20px;
+        -webkit-margin-end: 15px;
         height: 32px;
+        margin-top: -4px;  /* Align better with text */
         width: 32px;
       }
 
       cr-policy-network-indicator {
         -webkit-margin-start: 10px;
       }
 
       iron-collapse {
         margin: 10px;
       }
 
       .subtitle {
         -webkit-margin-start: 20px;
         font-weight: 500;
         padding: 20px 0;
       }
 
       #buttonDiv paper-button {
         margin: 10px 0;
       }
 
-      #networkName {
-        /* TODO(stevenjb): Finalize font-size for this and networkState. */
+      #networkState {
+        /* TODO(stevenjb): Finalize font-size / style for this. */
         font-size: 125%;
         font-weight: 500;
       }
 
-      #networkState {
-        @apply(--settings-secondary);
-     }
-
       #networkState[connected] {
         color: var(--google-green-500);
       }
 
       #proxyDiv {
         max-width: 500px;
       }
     </style>
     <div class="settings-box first single-column">
       <!-- Title section: Icon + name + connection state. -->
       <div class="settings-box embedded">
         <div class="start layout horizontal center">
           <cr-network-icon network-state="[[networkProperties]]">
           </cr-network-icon>
-          <div class="layout vertical">
-            <div id="networkName">[[getStateName_(networkProperties)]]</div>
-            <div id="networkState"
-                connected$="[[isConnectedState_(networkProperties)]]">
-              [[getStateText_(networkProperties)]]
-            </div>
+          <div id="networkState"
+              connected$="[[isConnectedState_(networkProperties)]]">
+            [[getStateText_(networkProperties)]]
           </div>
         </div>
         <div id="buttonDiv" class="layout horizontal center">
           <paper-button class="secondary-button" on-tap="onForgetTap_"
               hidden$="[[!showForget_(networkProperties)]]">
             $i18n{networkButtonForget}
           </paper-button>
           <paper-button class="secondary-button" on-tap="onViewAccountTap_"
               hidden$="[[!showViewAccount_(networkProperties)]]">
             $i18n{networkButtonViewAccount}
@@ skipping 118 matching lines @@
           <div class="subtitle">$i18n{networkSectionProxy}</div>
           <network-proxy editable on-proxy-change="onProxyChange_"
               network-properties="[[networkProperties]]">
           </network-proxy>
         </div>
       </div>
     </iron-collapse>
   </template>
   <script src="internet_detail_page.js"></script>
 </dom-module>