MD Settings: Fix Network section styling

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

Index: chrome/browser/resources/settings/internet_page/internet_known_networks_page.html
diff --git a/chrome/browser/resources/settings/internet_page/internet_known_networks_page.html b/chrome/browser/resources/settings/internet_page/internet_known_networks_page.html
index fe870230608011226e69ccd00a8e399e479d8da3..991bd7410bfb3a38a5eaf9ee5e111165c547dfdd 100644
--- a/chrome/browser/resources/settings/internet_page/internet_known_networks_page.html
+++ b/chrome/browser/resources/settings/internet_page/internet_known_networks_page.html
@@ -9,13 +9,8 @@
 <dom-module id="settings-internet-known-networks-page">
   <template>
     <style include="settings-shared">
-      #subpageDiv {
-        -webkit-border-start: var(--cr-separator-line);
-        -webkit-padding-start: 4px;
-      }
-
-      #subpageDiv > button {
-        margin: -8px 0;
+      .list-item:not(:first-of-type) {
+        border-top: var(--cr-separator-line);
       }
     </style>
 
@@ -35,14 +30,14 @@
           filter="networkIsPreferred_">
         <div class="list-item">
           <div class="start">[[item.Name]]</div>
-          <paper-icon-button preferred icon="cr:more-vert"
-              tabindex$="[[tabindex]]" on-tap="onMenuButtonTap_"
-              title="$i18n{moreActions}">
-          </paper-icon-button>
-          <div id="subpageDiv" class="layout horizontal">
-            <button class="subpage-arrow" is="paper-icon-button-light"
-                actionable on-tap="fireShowDetails_" tabindex$="[[tabindex]]">
-            </button>
+          <button class="subpage-arrow" is="paper-icon-button-light"
+              actionable on-tap="fireShowDetails_" tabindex$="[[tabindex]]">
+          </button>
+          <div class="secondary-action">
+            <paper-icon-button preferred icon="cr:more-vert"
+                tabindex$="[[tabindex]]" on-tap="onMenuButtonTap_"
+                title="$i18n{moreActions}">
+            </paper-icon-button>
           </div>
         </div>
       </template>
@@ -57,13 +52,13 @@
           filter="networkIsNotPreferred_">
         <div class="list-item">
           <div class="start">[[item.Name]]</div>
-          <paper-icon-button icon="cr:more-vert"  tabindex$="[[tabindex]]"
-              on-tap="onMenuButtonTap_" title="$i18n{moreActions}">
-          </paper-icon-button>
-          <div id="subpageDiv" class="layout horizontal">
-            <button class="subpage-arrow" is="paper-icon-button-light"
-                actionable on-tap="fireShowDetails_" tabindex$="[[tabindex]]">
-            </button>
+          <button class="subpage-arrow" is="paper-icon-button-light"
+              actionable on-tap="fireShowDetails_" tabindex$="[[tabindex]]">
+          </button>
+          <div class="secondary-action">
+            <paper-icon-button icon="cr:more-vert"  tabindex$="[[tabindex]]"
+                on-tap="onMenuButtonTap_" title="$i18n{moreActions}">
+            </paper-icon-button>
           </div>
         </div>
       </template>