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

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

 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
 <link rel="import" href="../i18n_setup.html">
 <link rel="import" href="search_engines_browser_proxy.html">
 
 <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_">
         <paper-input always-float-label id="searchEngine"
             label="$i18n{searchEnginesSearchEngine}"
             error-message="$i18n{searchEnginesNotValid}"
             value="{{searchEngine_}}" on-input="validate_"
             autofocus>
         </paper-input>
         <paper-input always-float-label id="keyword"
@@ skipping 13 matching lines @@
             $i18n{cancel}</paper-button>
         <paper-button id="actionButton" class="action-button"
             on-tap="onActionButtonTap_">
           [[actionButtonText_]]
         </paper-button>
       </div>
     </dialog>
   </template>
   <script src="search_engine_dialog.js"></script>
 </dom-module>