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

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

Index: chrome/browser/resources/settings/internet_page/network_summary_item.html
diff --git a/chrome/browser/resources/settings/internet_page/network_summary_item.html b/chrome/browser/resources/settings/internet_page/network_summary_item.html
index ce221d4f9b41047ba238193dd6710718c13c8142..40c730e7b1ea410e90925824e0294729fee2380d 100644
--- a/chrome/browser/resources/settings/internet_page/network_summary_item.html
+++ b/chrome/browser/resources/settings/internet_page/network_summary_item.html
@@ -29,6 +29,10 @@
         min-height: var(--settings-row-min-height);
       }
 
+      .padded {
+        @apply(--settings-list-frame-padding);
+      }
+
       #buttons {
         align-items: center;
       }
@@ -49,7 +53,8 @@
 
       #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_">
@@ -98,9 +103,9 @@
         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)]]">