MD Settings: make input with error msg scale spacing with font-size.

chrome/browser/resources/settings/search_engines_page/search_engine_dialog.html

Index: chrome/browser/resources/settings/search_engines_page/search_engine_dialog.html
diff --git a/chrome/browser/resources/settings/search_engines_page/search_engine_dialog.html b/chrome/browser/resources/settings/search_engines_page/search_engine_dialog.html
index 31ec66cb223529a56180b44db4d36a279e9aa2c7..d1f4c8c797148eea03b6530fac831e9622b178a7 100644
--- a/chrome/browser/resources/settings/search_engines_page/search_engine_dialog.html
+++ b/chrome/browser/resources/settings/search_engines_page/search_engine_dialog.html
@@ -7,7 +7,17 @@
 
 <dom-module id="settings-search-engine-dialog">
   <template>
-    <style include="settings-shared"></style>
+    <style include="settings-shared">
+      :host {
+        --paper-input-container: {

[dpapad, 2017/03/21 22:33:34]

Could you attach before/after screenshots?

[scottchen, 2017/03/22 18:01:38]

http://imgur.com/a/W30TO

+          /**
+           * Saves space for error message. Using calc to leave just enough
+           * space at all font sizes (default 0, grow/shrink with font-size).
+           */
+          padding-bottom: calc(1rem - 8px);
+        };
+      }
+    </style>
     <dialog is="cr-dialog" id="dialog" close-text="$i18n{close}">
       <div class="title">[[dialogTitle_]]</div>
       <div class="body" on-keypress="onKeypress_">