md settings: Change action link to button on lock screen.

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

 <link rel="import" href="chrome://resources/html/polymer.html">
-<link rel="import" href="chrome://resources/html/action_link.html">
-<link rel="import" href="chrome://resources/html/action_link_css.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button-light.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-radio-group/paper-radio-group.html">
 <link rel="import" href="../controls/settings_toggle_button.html">
 <link rel="import" href="easy_unlock_browser_proxy.html">
 <link rel="import" href="easy_unlock_turn_off_dialog.html">
 <link rel="import" href="fingerprint_browser_proxy.html">
 <link rel="import" href="lock_screen_constants.html">
 <link rel="import" href="lock_state_behavior.html">
 <link rel="import" href="password_prompt_dialog.html">
 <link rel="import" href="setup_pin_dialog.html">
 <link rel="import" href="../i18n_setup.html">
 <link rel="import" href="../prefs/prefs_behavior.html">
 <link rel="import" href="../prefs/prefs.html">
 <link rel="import" href="../route.html">
 <link rel="import" href="../settings_shared_css.html">
 
 <dom-module id="settings-lock-screen">
   <template>
     <style include="settings-shared action-link">
       #easyUnlock .start {
         /* When the easy unlock toggle is shown, the easy unlock section's
          * content becomes squashed to the top and bottom edges. Use padding to
          * ensure the easy unlock content looks correct. */
         padding: 11px 0;
       }
 
-      .radio-indent {
-        -webkit-margin-start: 36px;
+      paper-radio-button {
+        --paper-radio-button-label: {
+          display: flex;
+          width: 100%;
+        };
+      }
+
+      paper-radio-button > .start {
+        flex: 1;
       }
     </style>
 
     <div>
       <div class="list-frame">
         <paper-radio-group id="unlockType" selected="{{selectedUnlockType}}">
           <paper-radio-button name="password">
-            $i18n{lockScreenPasswordOnly}
+            <div class="start">
+              $i18n{lockScreenPasswordOnly}
+              <div class="secondary">
+                $i18n{lockScreenHighSecurity}
+              </div>
+            </div>
           </paper-radio-button>
           <paper-radio-button name="pin+password">
-            $i18n{lockScreenPinOrPassword}
+            <div class="start">
+              $i18n{lockScreenPinOrPassword}
+              <div class="secondary">
+                $i18n{lockScreenMediumSecurity}
+              </div>
+            </div>
+            <template is="dom-if"
+                if="[[showConfigurePinButton_(selectedUnlockType)]]">
+              <paper-button id="setupPinButton" class="secondary-button"
+                  on-tap="onConfigurePin_">
+                [[getSetupPinText_(hasPin)]]
+              </paper-button>
+            </template>
           </paper-radio-button>
         </paper-radio-group>
-        <div class="list-item radio-indent"
-            hidden$="[[!showConfigurePinButton_(selectedUnlockType)]]">
-          <a id="setupPinLink" is="action-link" class="list-button"
-              on-tap="onConfigurePin_">
-            [[getSetupPinText_(hasPin)]]
-          </a>
-        </div>
       </div>
 
       <div id="screenLockDiv" class="settings-box">
         <settings-toggle-button class="start"
             pref="{{prefs.settings.enable_screen_lock}}"
             label="$i18n{enableScreenlock}">
         </settings-toggle-button>
       </div>
 
       <template is="dom-if" if="[[fingerprintUnlockEnabled_]]">
@@ skipping 70 matching lines @@
       <template is="dom-if" if="[[showEasyUnlockTurnOffDialog_]]">
         <easy-unlock-turn-off-dialog id="easyUnlockTurnOffDialog"
             on-close="onEasyUnlockTurnOffDialogClose_">
         </easy-unlock-turn-off-dialog>
       </template>
     </div>
   </template>
 
   <script src="lock_screen.js"></script>
 </dom-module>