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..8f7dbb5539d8b6ee9510c1f3c73ad0fae3ad1003 100644
--- a/chrome/browser/resources/settings/people_page/people_page.html
+++ b/chrome/browser/resources/settings/people_page/people_page.html
@@ -231,12 +231,14 @@
 </if>
 
         <template is="dom-if" if="[[profileManagesSupervisedUsers_]]">
-          <div id="manageSupervisedUsersContainer" class="settings-box"
-              on-tap="onManageSupervisedUsers_" actionable>
+          <a id="manageSupervisedUsersContainer"
+              class="settings-box inherit-color no-outline" tabindex="-1"
+              target="_blank" href="$i18n{supervisedUsersUrl}">
             <div class="start">$i18n{manageSupervisedUsers}</div>
             <button class="icon-external" is="paper-icon-button-light"
-                aria-label="$i18n{manageSupervisedUsers}"></button>
-          </div>
+                actionable aria-label="$i18n{manageSupervisedUsers}">
+            </button>
+          </a>
         </template>
       </neon-animatable>
       <template is="dom-if" route-path="/syncSetup"