[webui] fix vertical alignment of buttons and text inputs

chrome/browser/resources/shared/css/widgets.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 /* This file defines styles for form controls. The order of rule blocks is
  * important as there are some rules with equal specificity that rely on order
  * as a tiebreaker. These are marked with OVERRIDE.
  */
 
@@ skipping 17 matching lines @@
   margin: 0 1px 0 0;
   text-shadow: 0 1px 0 rgb(240, 240, 240);
 }
 
 button:not(.custom-appearance):not(.link-button),
 input[type='button']:not(.custom-appearance):not(.link-button),
 input[type='submit']:not(.custom-appearance):not(.link-button),
 select {
   height: 2em;
   min-width: 4em;
+<if expr="pp_ifdef('chromeos')">
+  /* Without this rule, chromeos button text is too high on the button. */
+  padding-top: 3px;
+</if>
+<if expr="is_macosx or is_win">
+  /* The following platform-specific rule is necessary to get adjacent
+   * buttons, text inputs, and so forth to align on their borders while also
+   * aligning on the text's baselines. */
+  padding-bottom: 1px;
+</if>
 }
 
 button:not(.custom-appearance):not(.link-button),
 input[type='button']:not(.custom-appearance):not(.link-button),
 input[type='submit']:not(.custom-appearance):not(.link-button) {
   -webkit-padding-end: 10px;
   -webkit-padding-start: 10px;
 }
 
 select {
@@ skipping 216 matching lines @@
 input[type='text'],
 input[type='url'],
 input:not([type]) {
   border: 1px solid #bfbfbf;
   border-radius: 2px;
   box-sizing: border-box;
   font: inherit;
   height: 2em;
   margin: 0;
   padding: 3px;
+<if expr="pp_ifdef('chromeos')">
+  /* For better alignment between adjacent buttons and inputs. */
+  padding-bottom: 2px;
+</if>
 }
 
 input[type='search'] {
   -webkit-appearance: textfield;
   /* NOTE: Keep a relatively high min-width for this so we don't obscure the end
    * of the default text in relatively spacious languages (i.e. German). */
   min-width: 160px;
 }
 
 input[type='text']:disabled {
   color: #888;
 }