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

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

Index: chrome/browser/resources/shared/css/widgets.css
diff --git a/chrome/browser/resources/shared/css/widgets.css b/chrome/browser/resources/shared/css/widgets.css
index 5214921cce397ec4fe84552d7610da1e4eb865cf..be88f6a35ab79bfd4ba97e306a3b2d43d04206f5 100644
--- a/chrome/browser/resources/shared/css/widgets.css
+++ b/chrome/browser/resources/shared/css/widgets.css
@@ -65,6 +65,14 @@ select {
   background-repeat: no-repeat;
 }
 
+:-webkit-any(button,
+             input[type='button'],
+             input[type='submit'],
+             select):not(.custom-appearance):not(.link-button) {
+  margin-bottom: 3px;
+  margin-top: 2px;

[kevers, 2012/08/10 16:10:08]

Minimum margins for 28px vertical center to center distance on the settings
page.  Without this margin, controls in the "Appearance" and "Languages"
settings are packed too tightly for touch.

+}
+
 html[dir='rtl'] select {
   background-position: center left;
 }
@@ -291,14 +299,11 @@ input:disabled:-webkit-any([type='password'],
  *   </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 {