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

chrome/browser/resources/bookmark_manager/css/bmm.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. */
 
 html,
 body {
   cursor: default;
   height: 100%;
   margin: 0;
   overflow: hidden;
   width: 100%;
 }
 
 list {
   display: block;
   overflow-x: hidden;
   overflow-y: visible; /* let the container do the scrolling */
 }
 
 list > * {
   -webkit-padding-end: 20px;
   -webkit-padding-start: 3px;
   color: hsl(0, 0%, 70%);
   display: -webkit-box;
+  line-height: 30px;

[Evan Stade, 2012/08/14 18:38:01]

should this be in em?

[kevers, 2012/08/14 20:26:53]

Used 30px to be same height as element in the tree control in the LHS of the
bookmark manager.  Seems to look best when sizes in the two columns are
precisely aligned.  2em would work out to be 28px, and be shorter than a tree
entry due to its 1px border.

[Evan Stade, 2012/08/14 22:06:39]

that seems like a valid reason. Although you can always use floating-point ems.
regardless, lgtm.

   padding-bottom: 0;
   padding-top: 0;
   text-decoration: none;
   white-space: nowrap;
 }
 
 list > * > * {
   -webkit-padding-start: 20px;
   background: 0 50% no-repeat;
   box-sizing: border-box;
@@ skipping 280 matching lines @@
 
 html[dir=rtl] .summary button {
   background-position: left center;
 }
 
 @media (pointer:coarse) {
   menu > button {
     line-height: 40px;
   }
 }