MD Settings: make input label and error font size relative.

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

Index: chrome/browser/resources/settings/people_page/sync_page.html
diff --git a/chrome/browser/resources/settings/people_page/sync_page.html b/chrome/browser/resources/settings/people_page/sync_page.html
index 828ac3796c23796bee4408f283ad8d308ad1d75b..b7bd67fb887bfc28e0c982e5366312c711b0b68b 100644
--- a/chrome/browser/resources/settings/people_page/sync_page.html
+++ b/chrome/browser/resources/settings/people_page/sync_page.html
@@ -34,7 +34,7 @@
 
       #existingPassphraseContainer,
       #passphraseRecoverHint {
-        align-items: flex-end;
+        align-items: center;
       }
 
       #existingPassphraseInput {
@@ -43,6 +43,8 @@
         display: inline-block;
         --paper-input-container: {
           padding: 0;
+          /* TODO(scottchen): remove margin once large font properly padded. */

[dpapad, 2017/02/25 00:42:18]

Is there a bug you could link here?

[scottchen, 2017/02/28 18:47:00]

I don't think so, it's just the part of the general "large fonts make layouts
look ugly" issue.

+          margin-bottom: 1rem;
         };
       }