MD Settings: clean up text controls (links, buttons)

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

+<link rel="import" href="chrome://resources/html/action_link.html">
+<!-- "action_link_css.html" replaces "action_link.css" for MD pages. -->
+<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/polymer.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-radio-group/paper-radio-group.html">
 <link rel="import" href="/controls/settings_toggle_button.html">
 <link rel="import" href="/people_page/lock_screen_constants.html">
 <link rel="import" href="/people_page/lock_state_behavior.html">
 <link rel="import" href="/people_page/password_prompt_dialog.html">
 <link rel="import" href="/people_page/setup_pin_dialog.html">
 <link rel="import" href="/prefs/prefs_behavior.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"></style>
+    <style include="settings-shared action-link"></style>
     <style>
       .radio-indent {
-        margin-left: 28px;
-      }
-
-      paper-button {
-        text-transform: none;
+        margin-left: 36px;
       }
     </style>
 
     <div>
       <div class="list-frame">
         <paper-radio-group selected="{{selectedUnlockType}}">
           <paper-radio-button name="password">
             $i18n{lockScreenPasswordOnly}
           </paper-radio-button>
           <paper-radio-button name="pin+password">
             $i18n{lockScreenPinOrPassword}
           </paper-radio-button>
-          <div class="settings-box continuation radio-indent"
-              hidden$="[[!showConfigurePinButton_(selectedUnlockType)]]">
-            <!-- TODO(dbeam): I seriously doubt paper-button[is=action-link] is
-                 a good idea. -->
-            <paper-button is="action-link" on-tap="onConfigurePin_">
-              [[getSetupPinText_(hasPin)]]
-            </paper-button>
-          </div>
         </paper-radio-group>
+        <div class="list-item radio-indent"
+            hidden$="[[!showConfigurePinButton_(selectedUnlockType)]]">
+          <a is="action-link" class="list-button" on-tap="onConfigurePin_">
+            [[getSetupPinText_(hasPin)]]
+          </a>
+        </div>
       </div>
 
       <div class="settings-box">
         <settings-toggle-button class="start"
             pref="{{prefs.settings.enable_screen_lock}}"
             label="$i18n{enableScreenlock}">
         </settings-toggle-button>
       </div>
 
       <settings-password-prompt-dialog id="passwordPrompt"
           on-close="onPasswordClosed_" set-modes="{{setModes_}}">
       </settings-password-prompt-dialog>
       <settings-setup-pin-dialog id="setupPin" on-done="onPinSetupDone_"
           set-modes="[[setModes_]]">
       </settings-setup-pin-dialog>
     </div>
   </template>
 
   <script src="lock_screen.js"></script>
 </dom-module>