MD Settings: more consistently fix error message space for search engine

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">
       :host {
         --paper-input-container: {
           /**
+           * Prevent paper-input-container's default padding rule to eat up
+           * our padding-bottom rule.
+           */
+          padding: 8px 0;

[dpapad, 2017/03/31 01:22:18]

Given the complication you discovered, would be it more readable to simply merge
both padding rules to the following?

padding: 8px 0 calc(1rem - 8px) 0;

[scottchen, 2017/03/31 20:35:33]

Done.

+
+          /**
            * 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_">
@@ skipping 20 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>