md settings: Small changes to 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">
@@ skipping 14 matching lines @@
       #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;
       }
+
+      #setupPinLink:focus {
+        font-weight: bold;
+        outline: 0;
+      }
     </style>
 
     <div>
       <div class="list-frame">
         <paper-radio-group id="unlockType" selected="{{selectedUnlockType}}">
           <paper-radio-button name="password">
             $i18n{lockScreenPasswordOnly}
           </paper-radio-button>
           <paper-radio-button name="pin+password">
             $i18n{lockScreenPinOrPassword}
           </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_">

[stevenjb, 2017/04/14 21:47:20]

Why is this a link instead of a button like the rest of our UI? Can you double
check with UX... having custom formatting like is difficult to maintain.

[sammiequon, 2017/04/14 22:11:43]

Yeah, it is a button in the newest mocks, but for this CL I am trying not to
bring anything new.

[stevenjb, 2017/04/14 22:29:02]

Well, you're adding new CSS, which I'd really rather not :P

I think if you change this to a button it will just work and will look better,
without the extra CSS>

[sammiequon, 2017/04/14 23:48:13]

Removed. Switching to button in another CL which i just sent you to review :-).

             [[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>
@@ skipping 73 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>