Settings/Oobe: Simplify cr-network-select and use flex

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

 <link rel="import" href="chrome://resources/cr_elements/cr_expand_button/cr_expand_button.html">
 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_list.html">
 <link rel="import" href="chrome://resources/cr_elements/network/cr_network_list_item.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-collapse/iron-collapse.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-spinner/paper-spinner.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
@@ skipping 11 matching lines @@
       network-siminfo {
         padding: 0 var(--settings-box-row-padding);
       }
 
       .button-row {
         align-items: center;
         display: flex;
         min-height: var(--settings-row-min-height);
       }
 
+      .padded {
+        @apply(--settings-list-frame-padding);
+      }
+
       #buttons {
         align-items: center;
       }
 
       #details {
         align-items: center;
         display: flex;
         flex: auto;
       }
 
       #details[no-flex] {
         flex: none;
       }
 
       #deviceEnabledButton {
         -webkit-margin-start: 10px;
       }
 
       #networkList {
         margin: 5px 0 10px;
-        max-height: 400px;
+        max-height: 200px;
+        min-height: 50px;
       }
     </style>
     <div class="settings-box two-line" actionable on-tap="onDetailsTap_">
       <div id="details"
           no-flex$="[[showSimInfo_(deviceState)]]">
         <cr-network-list-item item="[[activeNetworkState]]">
         </cr-network-list-item>
         <paper-spinner active="[[scanningIsActive_(deviceState, expanded_)]]"
             hidden$="[[!scanningIsVisible_(deviceState)]]">
         </paper-spinner>
@@ skipping 28 matching lines @@
               on-tap="onDeviceEnabledTap_">
           </paper-toggle-button>
         </div>
       </template>
 
     </div>
     <template is="dom-if"
         if="[[networksDomIfIsTrue_(expanded_, wasExpanded_)]]">
       <iron-collapse
           opened="[[networksIronCollapseIsOpened_(expanded_, wasExpanded_)]]">
-        <div class="list-frame">
-          <cr-network-list id="networkList" max-height="[[maxHeight]]"
-              networks="[[networkStateList]]" show-buttons>
+        <div class="layout vertical padded">
+          <cr-network-list id="networkList" networks="[[networkStateList]]"
+              show-buttons>
           </cr-network-list>
           <template is="dom-if"
               if="[[knownNetworksIsVisible_(activeNetworkState)]]">
             <div class="button-row" actionable on-tap="onKnownNetworksTap_">
               <a is="action-link">$i18n{knownNetworksButton}</a>
             </div>
           </template>
         </div>
       </iron-collapse>
     </template>
   </template>
   <script src="network_summary_item.js"></script>
 </dom-module>