MD Settings: add border between sync data type toggles

chrome/browser/resources/settings/people_page/sync_page.html

Index: chrome/browser/resources/settings/people_page/sync_page.html
diff --git a/chrome/browser/resources/settings/people_page/sync_page.html b/chrome/browser/resources/settings/people_page/sync_page.html
index 50a90ae76ed8de9e526d2f80d586bc95721d6f24..53c4769571acd7fba8b6ab3b0498ca6196ab8c4e 100644
--- a/chrome/browser/resources/settings/people_page/sync_page.html
+++ b/chrome/browser/resources/settings/people_page/sync_page.html
@@ -44,6 +44,10 @@
           padding: 0;
         };
       }
+
+      #types .list-item:not([hidden]) ~ .list-item:not([hidden]) {
+        border-bottom: var(--settings-separator-line);
+      }
     </style>
     <div id="[[pages.SPINNER]]" class="settings-box first"
         hidden$="[[!isStatus_(pages.SPINNER, pageStatus_)]]">
@@ -63,7 +67,7 @@
         </paper-toggle-button>
       </div>
 
-      <div class="list-frame">
+      <div class="list-frame" id="types">

[tommycli, 2017/01/12 23:29:47]

sync-data-types ?

[Dan Beam, 2017/01/12 23:41:50]

Done.

         <div class="layout horizontal list-item"
             hidden="[[!syncPrefs.appsRegistered]]">
           <div class="flex">$i18n{appCheckboxLabel}</div>