MD Settings: change outlinks to actually use <a>

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

 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-a11y-keys/iron-a11y-keys.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/paper-toggle-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-radio-button/paper-radio-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-radio-group/paper-radio-group.html">
 <link rel="import" href="sync_browser_proxy.html">
@@ skipping 231 matching lines @@
           <paper-toggle-button
               checked="{{syncPrefs.paymentsIntegrationEnabled}}"
               on-change="onSingleSyncDataTypeChanged_"
               disabled="[[shouldPaymentsCheckboxBeDisabled_(
                   syncPrefs.syncAllDataTypes, syncPrefs.autofillSynced)]]"
               aria-label="$i18n{enablePaymentsIntegrationCheckboxLabel}">
           </paper-toggle-button>
         </div>
       </div>
 
-      <div class="settings-box two-line" actionable
+      <a class="settings-box two-line inherit-color no-outline" tabindex="-1"
+          target="_blank" href="$i18n{activityControlsUrl}"
           on-tap="onActivityControlsTap_">
         <div class="start">
           $i18n{personalizeGoogleServicesTitle}
           <div class="secondary" id="activityControlsSecondary">
             $i18n{personalizeGoogleServicesText}
           </div>
         </div>
         <button class="icon-external" is="paper-icon-button-light"
-            aria-label="$i18n{personalizeGoogleServicesTitle}"
+            actionable aria-label="$i18n{personalizeGoogleServicesTitle}"
             aria-describedby="activityControlsSecondary"></button>
-      </div>
+      </a>
 
-      <div class="settings-box" actionable on-tap="onManageSyncedDataTap_">
+      <a class="settings-box inherit-color no-outline" tabindex="-1"
+          target="_blank" href="$i18n{syncDashboardUrl}">
         <div class="start">
           $i18n{manageSyncedDataTitle}
         </div>
-        <button class="icon-external" is="paper-icon-button-light"
+        <button class="icon-external" is="paper-icon-button-light" actionable
             aria-label="$i18n{manageSyncedDataTitle}"></button>
-      </div>
+      </a>
 
       <div id="encryptionDescription" hidden="[[syncPrefs.passphraseRequired]]"
           class="settings-box two-line single-column">
         <div>$i18n{encryptionOptionsTitle}</div>
         <div class="secondary">$i18n{syncDataEncryptedText}</div>
       </div>
 
       <div id="encryptionRadioGroupContainer" class="list-frame"
           hidden="[[syncPrefs.passphraseRequired]]">
         <paper-radio-group disabled$="[[syncPrefs.encryptAllData]]"
@@ skipping 47 matching lines @@
                                                          confirmation_)]]">
               $i18n{save}
             </paper-button>
           </div>
         </div>
       </template>
     </div>
   </template>
   <script src="sync_page.js"></script>
 </dom-module>