Make history page touch friendly.

chrome/browser/resources/history/history.css

Index: chrome/browser/resources/history/history.css
diff --git a/chrome/browser/resources/history/history.css b/chrome/browser/resources/history/history.css
index e2b68c2a6034c470d77fc23972d81a3a2d003424..5bf3ed30538cf5b76dfd1a97a7ee9e65df3c6e40 100644
--- a/chrome/browser/resources/history/history.css
+++ b/chrome/browser/resources/history/history.css
@@ -64,6 +64,7 @@
   float: left;  /* Box will shrink to fit its content. */
   /* An odd line-height ensures a consistent baseline on all platforms. */
   line-height: 1.75em;
+  margin-bottom: 6px;
   /* The box should be no bigger than its parent. */
   max-width: 100%;
   overflow: hidden;
@@ -151,9 +152,12 @@ html[dir='rtl'] .entry .title {
 }
 
 /* Checkboxes are shown when checked or focused, or when the entry is hovered.
-   Fade in on focus, but not on hover, because it makes the UI feel laggy. */
+ * Fade in on focus, but not on hover, because it makes the UI feel laggy.
+ * Using faded checkbox rather than hidden when not checked, focused or hovered
+ * in order to work well with touch. The faded box is sufficiently non-
+ * intrusive. */
 .entry input[type=checkbox]:not(:checked) {
-  opacity: 0;
+  opacity: 0.3;
 }
 
 .entry-box:hover input[type=checkbox],
@@ -221,3 +225,8 @@ html[dir='rtl'] .entry .title {
   position: relative;
   top: 2px;
 }
+
+#action-menu > :not(hr) {
+  line-height: 28px;
+}
+

[Evan Stade, 2012/08/31 18:43:00]

^H