Standardize size of WebUI controls for touch and non-touch.

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);
 }
 
 :-webkit-any(button,
              input[type='button'],
              input[type='submit']):not(.custom-appearance):not(.link-button),
 select {
   min-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_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>
 }
 
 :-webkit-any(button,
              input[type='button'],
@@ skipping 48 matching lines @@
   color: #444;
   font: inherit;
   margin: 0;
   /* Use min-height to accommodate addditional padding for touch as needed. */
   min-height: 2em;
   padding: 3px;
 <if expr="is_win or is_macosx">
   /* For better alignment between adjacent buttons and inputs. */
   padding-bottom: 4px;
 </if>
-<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;
 }
 
 /* Checked ********************************************************************/
@@ skipping 160 matching lines @@
  * these classes with the markup structure:
  *
  *   <div class="checkbox">
  *     <label>
  *       <input type="checkbox"></input>
  *       <span>
  *     </label>
  *   </div>
  */
 
-.checkbox,
-.radio {
-  margin: 0.65em 0;
-}
-
 :-webkit-any(.checkbox, .radio) label {
   /* Don't expand horizontally: <http://crbug.com/112091>. */
   display: -webkit-inline-box;
+  padding-bottom: 7px;
+  padding-top: 7px;
 }
 
 :-webkit-any(.checkbox, .radio) label input ~ span {
   -webkit-margin-start: 0.6em;
   /* Make sure long spans wrap at the same horizontal position they start. */
   display: block;
 }
 
 :-webkit-any(.checkbox, .radio) label:hover {
   color: black;
 }
 
 label > input:disabled:-webkit-any([type='checkbox'], [type='radio']) ~ span {
   color: #999;
 }