MD Settings: change outlinks to actually use <a>

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

Index: chrome/browser/resources/settings/people_page/people_page.html
diff --git a/chrome/browser/resources/settings/people_page/people_page.html b/chrome/browser/resources/settings/people_page/people_page.html
index 9e488b33c636c05363aa009c9855bcf088b8f421..0d861f09f5671b3e5866a8c175874bee08c6b9f1 100644
--- a/chrome/browser/resources/settings/people_page/people_page.html
+++ b/chrome/browser/resources/settings/people_page/people_page.html
@@ -231,12 +231,13 @@
 </if>
 
         <template is="dom-if" if="[[profileManagesSupervisedUsers_]]">
-          <div id="manageSupervisedUsersContainer" class="settings-box"
-              on-tap="onManageSupervisedUsers_" actionable>
+          <a id="manageSupervisedUsersContainer" class="settings-box"
+              actionable tabindex="-1" target="_blank"
+              href="$i18nRaw{supervisedUsersUrl}">
             <div class="start">$i18n{manageSupervisedUsers}</div>
             <button class="icon-external" is="paper-icon-button-light"
                 aria-label="$i18n{manageSupervisedUsers}"></button>
-          </div>
+          </a>
         </template>
       </neon-animatable>
       <template is="dom-if" route-path="/syncSetup"