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..cc64bcf11f4d2fa64b41959b3a90d8a3bef39404 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;
         };
       }
+
+      #sync-data-types .list-item:not([hidden]) ~ .list-item:not([hidden]) {
+        border-top: 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="sync-data-types">
         <div class="layout horizontal list-item"
             hidden="[[!syncPrefs.appsRegistered]]">
           <div class="flex">$i18n{appCheckboxLabel}</div>