MD Settings: Internet: Move network lists to a subpage

ui/webui/resources/cr_elements/network/cr_network_list_item.html

Index: ui/webui/resources/cr_elements/network/cr_network_list_item.html
diff --git a/ui/webui/resources/cr_elements/network/cr_network_list_item.html b/ui/webui/resources/cr_elements/network/cr_network_list_item.html
index 7733ed28f3eda897dab187f6f5145050a34482df..ab88ab1d17bea789fc4a35727c6a28103c40173a 100644
--- a/ui/webui/resources/cr_elements/network/cr_network_list_item.html
+++ b/ui/webui/resources/cr_elements/network/cr_network_list_item.html
@@ -62,6 +62,15 @@
         color: var(--google-green-500);
       }
 
+      #subpageDiv {
+        -webkit-border-start: var(--cr-separator-line);
+        -webkit-padding-start: 4px;
+      }
+
+      #subpageDiv > button {
+        margin: -8px 0;
+      }
+
       iron-icon {
         height: 24px;
         width: 24px;
@@ -102,9 +111,11 @@
       </template>
       <template is="dom-if"
           if="[[isSubpageButtonVisible_(networkState, showButtons)]]">
-        <button class="subpage-arrow" is="paper-icon-button-light"
-            on-tap="fireShowDetails_" tabindex$="[[tabindex]]">
-        </button>
+        <div id="subpageDiv" class="layout horizontal">
+          <button class="subpage-arrow" is="paper-icon-button-light"
+              on-tap="fireShowDetails_" tabindex$="[[tabindex]]">
+          </button>
+        </div>
       </template>
     </div>
   </template>