MD Settings: Remove usage of deprecated iron-flex-layout.html, for CrOS.

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

 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_list.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-flex-layout/classes/iron-flex-layout.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-flex-layout-classes.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
 <link rel="import" href="../settings_shared_css.html">
 
 <dom-module id="settings-internet-subpage">
   <template>
-    <style include="settings-shared">
+    <style include="settings-shared iron-flex">
       #networkListDiv {
         /* cr-network-list is padded to the right to allow space for a ripple */
         -webkit-padding-end: calc(var(--settings-box-row-padding) -
             var(--cr-icon-ripple-padding));
         -webkit-padding-start: var(--settings-box-row-padding);
         margin-top: var(--settings-page-vertical-margin);
         min-height: var(--settings-box-min-height);
      }
 
       #addButton {
@@ skipping 53 matching lines @@
         <div class="vpn-header layout horizontal center"
             hidden$="[[!isEqual_('VPN', deviceState.Type)]]">
           <div class="flex">$i18n{networkVpnBuiltin}</div>
           <paper-icon-button icon="settings:add-circle"
               aria-label="$i18n{internetAddVPN}"
               on-tap="onAddButtonTap_" tabindex$="[[tabindex]]">
           </paper-icon-button>
         </div>
 
         <!-- List of networks or 'None'. -->
-        <cr-network-list id="networkList" class="flex" show-buttons
+        <cr-network-list id="networkList" show-buttons

[stevenjb, 2017/05/01 19:07:31]

Ah, this was my problem. I'd actually be more comfortable adding to CSS:

cr-network-list {
  flex: 1;
}

To mimic the previous behavior (the new 'flex' also includes a flex-basis value
that is the problem).

[dpapad, 2017/05/01 19:10:40]

FYI
https://github.com/PolymerElements/iron-flex-layout/issues/87#issuecomment-29...

[dpapad, 2017/05/01 19:38:43]

Done. Added flex:1 as requested.

             hidden$="[[!networkStateList_.length]]"
             networks="[[networkStateList_]]"
             on-selected="onNetworkSelected_">
         </cr-network-list>
         <div hidden$="[[networkStateList_.length]]" class="no-networks">
           $i18n{internetNoNetworks}
         </div>
 
         <!-- Third party VPNs. -->
         <template is="dom-if" if="[[isEqual_('VPN', deviceState.Type)]]">
           <template is="dom-repeat" items="[[thirdPartyVpnProviders]]">
             <div id="[[item.ProviderName]]"
                 class="vpn-header layout horizontal center">
               <div class="flex">[[item.ProviderName]]</div>
               <paper-icon-button icon="settings:add-circle"
                   aria-label$="[[getAddThirdPartyVpnA11yString_(item)]]"
                   on-tap="onAddThirdPartyVpnTap_" tabindex$="[[tabindex]]">
               </paper-icon-button>
             </div>
             <cr-network-list class="flex" show-buttons

[stevenjb, 2017/05/01 19:07:31]

I think we need to fix this one also.

[dpapad, 2017/05/01 19:38:43]

Done.

                 hidden$="[[!haveThirdPartyVpnNetwork_(thirdPartyVpns_, item)]]"
                 networks="[[getThirdPartyVpnNetworks_(thirdPartyVpns_, item)]]"
                 on-selected="onNetworkSelected_">
             </cr-network-list>
             <div hidden$="[[haveThirdPartyVpnNetwork_(thirdPartyVpns_, item)]]"
                 class="no-networks">
               $i18n{internetNoNetworks}
             </div>
           </template>
         </template>
       </div>
 
     </template>
 
   </template>
   <script src="internet_subpage.js"></script>
 </dom-module>