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

chrome/browser/resources/shared/css/chrome_shared.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 holds CSS that should be shared, in theory, by all user-visible
  * chrome:// pages. */
 
 @import url("chrome://resources/css/widgets.css");
 <if expr="pp_ifdef('chromeos')">
   @import url("chrome://resources/css/chromeos/ui_account_tweaks.css");
@@ skipping 87 matching lines @@
 
 /* WebKit does not honor alignment for text specified via placeholder attribute.
  * This CSS is a workaround. Please remove once WebKit bug is fixed.
  * https://bugs.webkit.org/show_bug.cgi?id=63367
  */
 html[dir='rtl'] input.weakrtl::-webkit-input-placeholder,
 html[dir='rtl'] .weakrtl input::-webkit-input-placeholder {
   direction: rtl;
 }
 
-/* Rules to make it easier to hit targets when using a coarse pointer like
- * a touch screen.
- */
-@media (pointer:coarse) {
-  list input[type='input'],
-  list input[type='password'],
-  list input[type='search'],
-  list input[type='text'],
-  list input[type='url'] {
-    margin: 0;
-    padding: 3px 3px 2px 3px;
-  }
-
-  /* Margins are not touchable.  Use padding on the inner label instead to
-    increase the size of the touch target. */
-  .checkbox,
-  .radio {
-    margin: 0;
-  }
-
-  .checkbox label,
-  .radio label {
-    padding-bottom: 7px;
-    padding-top: 7px;
-  }
-
-  li > button.link-button {
-    padding-bottom: 8px;
-    padding-top: 8px;
-  }
-
-  :-webkit-any(button,
-               input[type='button'],
-               input[type='submit'],
-               select):not(.custom-appearance):not(.link-button) {
-    margin-bottom: 6px;
-    margin-top: 6px;
-  }
-
-  list :-webkit-any(
-      button,
-      input[type='button'],
-      input[type='submit'],
-      select):not(.custom-appearance):not(.link-button) {
-    margin: 0;
-    padding-bottom: 0;
-    padding-top: 3px;
-  }
+li > button.link-button {

[Evan Stade, 2012/08/10 02:44:16]

where is this pattern found? it seems dangerous to make a rule this generic when
it's quite easy to imagine new or existing code using this hierarchy but not
wanting the padding effects.

[kevers, 2012/08/10 13:56:03]

To the best of my knowledge, this pattern appears in only one place in the UI,
namely, the chromeOS version of the "Add Language" dialog.  Without the padding,
the dialog is unusable with touch.  

This rule has been in effect for some time when the touch enabled flag is on. 
Could move the rule specifically to the language dialog, which would mean that
any new code written using this pattern would likely fail to be touch friendly.

+  padding-bottom: 8px;
+  padding-top: 8px;
 }