Redirected network details to options DOM UI page....

chrome/browser/resources/options/chromeos_internet_options_page.css

 /*
  * TODO(xiyuan): Remove the section overrides when options_page.css uses the
  * new style.
  */
 #internetPage > section {
   display: block;
 }
 
 #internetPage > section > h3 {
   font-size: 100%;
@@ skipping 74 matching lines @@
   font-weight: bold;
 }
 
 .network-status-label {
   color: grey;
 }
 
 .network-item > * > button {
   min-width: 100px;
   visibility: hidden;
+  margin-right: 5px;
 }
 
 .network-item:hover > * > button,
 .network-item[connected] > * > button {
   visibility: visible;
 }
 
 .network-item[connecting] > * > button {
   visibility: hidden;
 }
 
 .network-item-box-spacer {
   -webkit-box-flex: 1;
 }
 
+#detailsInternetPage {
+  min-width: 350px;
+}
+
 #detailsInternetPage:not([connected]) > #advancedSection,
 #detailsInternetPage[connecting] > * > #detailsInternetLogin,
 #detailsInternetPage[connected] > * > #detailsInternetLogin,
 #detailsInternetPage[ethernet] > #wirelessOptions,
 #detailsInternetPage[ethernet] > #certNetwork,
 #detailsInternetPage[ethernet] > #certNetworkPkcs,
 #detailsInternetPage[ethernet] > #passwordNetwork,
 #detailsInternetPage:not([password]) > #passwordNetwork,
 #detailsInternetPage[cert] > #passwordNetwork,
 #detailsInternetPage:not([cert]) > #certNetwork,
 #detailsInternetPage:not([cert]) > #certNetworkPkcs,
 #detailsInternetPage:not([certPkcs]) > #certNetworkPkcs,
 #detailsInternetPage[certPkcs] > #certNetwork {
   display: none;
 }
 
 #wirelessButtons > * > button {
   display: block;
 }
 
 #wirelessButtons[haswifi] > * > #enableWifi,
 #wirelessButtons:not([haswifi]) > * > #disableWifi,
 #wirelessButtons:not([cellularAvail]) > * > #disableCellular,
 #wirelessButtons:not([cellularAvail]) > * > #enableCellular,
 #wirelessButtons[hasCellular] > * > #enableCellular,
 #wirelessButtons:not([hasCellular]) > * > #disableCellular {
   display: none;
 }