[Passwords] Fix vertical alignment of weak password explainer

This change fixes the vertical alignment of the weak password explainer
in the Weak Password Check on Desktop. Screenshots are in the linked
bug: https://crbug.com/1151866#c2

Bug: 1151866
Change-Id: I0272c1e1f96a2a31ffdf7db0b9da8817913c197a
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2556683
Reviewed-by: Friedrich [CET] <fhorschig@chromium.org>
Commit-Queue: Jan Wilken Dörrie <jdoerrie@chromium.org>
Cr-Commit-Position: refs/heads/master@{#830566}

chrome/browser/resources/settings/autofill_page/password_check.html

@@ -53,11 +53,6 @@
         width: 100%;
       }
 
-      #weakPasswordsDescription {
-        display: block;
-        text-align: left;
-      }
-
     </style>
     <!-- The banner is visible if no insecure password was found (yet) and user
     is signed in. -->
@@ -123,7 +118,8 @@
         <h2>$i18n{compromisedPasswords}</h2>
       </div>
       <div class="list-frame vertical-list">
-        <div class="list-item secondary" id="compromisedPasswordsDescription"
+        <div class="cr-padded-text secondary"
+            id="compromisedPasswordsDescription"
             hidden$="[[!hasLeakedCredentials_(leakedPasswords)]]">
           $i18n{compromisedPasswordsDescription}
         </div>
@@ -157,7 +153,7 @@ <h2>$i18n{compromisedPasswords}</h2>
         <h2>$i18n{weakPasswords}</h2>
       </div>
       <div class="list-frame vertical-list">
-        <div class="list-item secondary" id="weakPasswordsDescription"
+        <div class="cr-padded-text secondary" id="weakPasswordsDescription"
             inner-h-t-m-l="[[getWeakPasswordsHelpText_(isSyncingPasswords_)]]">
         </div>
       </div>