[MD Settings][People] UI polish for the easy unlock row

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 2fd9a5dbb2efda232db21bf4e0a18fe6185f081e..214fad0d83d9c52704099caab97388b36949f7f4 100644
--- a/chrome/browser/resources/settings/people_page/people_page.html
+++ b/chrome/browser/resources/settings/people_page/people_page.html
@@ -63,6 +63,11 @@
         color: var(--settings-error-color);
       }
 
+      #easy-unlock .start {
+        /* Use padding to ensure taller content looks correct. */
+        padding: 11px 0;
+      }
+
       .icon-container {
         display: flex;
         flex-shrink: 0;
@@ -205,8 +210,8 @@
         </template>
 
         <template is="dom-if" if="[[easyUnlockAllowed_]]">
-          <div class="settings-box">
-            <div class="middle">
+          <div id="easy-unlock" class="settings-box two-line">
+            <div class="start">
               <div>$i18n{easyUnlockSectionTitle}</div>
               <div class="secondary">
                 <template is="dom-if" if="[[!easyUnlockEnabled_]]">
@@ -215,7 +220,7 @@
                 <template is="dom-if" if="[[easyUnlockEnabled_]]">
                   $i18n{easyUnlockDescription}
                 </template>
-                <a target="_blank" href$="$i18n{easyUnlockLearnMoreURL}">
+                <a target="_blank" href="$i18n{easyUnlockLearnMoreURL}">
                   $i18n{learnMore}
                 </a>
                 <template is="dom-if" if="[[easyUnlockEnabled_]]">