MD Settings: Fix Network section styling

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

 <link rel="import" href="chrome://resources/cr_elements/cr_action_menu/cr_action_menu.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.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/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="../settings_shared_css.html">
 
 <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>
 
     <div class="settings-box first">
       <div>$i18n{knownNetworksMessage}</div>
     </div>
 
     <div class="settings-box">
       <div class="secondary">$i18n{knownNetworksPreferred}</div>
     </div>
     <div class="list-frame">

[dschuyler, 2017/03/20 19:11:30]

Please add class vertical-list here and line 49; then remove lines 12-13.

[stevenjb, 2017/03/24 21:00:03]

Done.

       <div class="list-item"
           hidden$="[[havePreferred_(networkStateList_)]]">
         $i18n{internetNoNetworks}
       </div>
       <template is="dom-repeat" items="[[networkStateList_]]"
           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>
     </div>
 
     <div class="settings-box">
       <div class="secondary">$i18n{knownNetworksAll}</div>
     </div>
     <div class="list-frame"
         hidden$="[[!haveNotPreferred_(networkStateList_)]]">
       <template is="dom-repeat" items="[[networkStateList_]]"
           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>
     </div>
 
     <dialog id="dotsMenu" is="cr-action-menu">
       <button class="dropdown-item" role="option"
           hidden="[[selectedIsPreferred_]]" on-tap="onAddPreferredTap_">
         $i18n{knownNetworksMenuAddPreferred}
       </button>
       <button class="dropdown-item" role="option"
           hidden="[[!selectedIsPreferred_]]" on-tap="onRemovePreferredTap_">
         $i18n{knownNetworksMenuRemovePreferred}
       </button>
       <button class="dropdown-item" role="option" on-tap="onForgetTap_">
         $i18n{knownNetworksMenuForget}
       </button>
     </dialog>
 
   </template>
   <script src="internet_known_networks_page.js"></script>
 </dom-module>