ntp: make 'recently closed' clickable above and below the actual text.

also change the cursor to pointer. Also make some graphical updates to the contents of the menu.

BUG=95043, 94784
TEST=manual

Review URL: http://codereview.chromium.org/7795025

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@99846 0039d316-1c4b-4281-b951-d872f2087c98

chrome/browser/resources/ntp4/recently_closed.css

@@ -7,9 +7,13 @@
   background: none;
   border: 0;
   color: #7F7F7F;
+  cursor: pointer;
   display: block;
   font-size: 9pt;
   font-weight: bold;
+  /* The padding increases the clickable area. */
+  padding-bottom: 8px;
+  padding-top: 8px;
   -webkit-appearance: none;
   -webkit-transition: opacity 0.2s;
   -webkit-transition-delay: 0.1s;
@@ -40,8 +44,8 @@
   display: block;
   font-size: 100%;
   line-height: 20px;
-  margin: 4px;
-  max-width: 600px;
+  margin: 8px;
+  max-width: 450px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -50,6 +54,18 @@
   -webkit-padding-start: 22px;
 }
 
+.recent-menu-item:not(:hover) {
+  text-decoration: none;
+}
+
+.recent-menu-item:first-of-type {
+  margin-top: 4px;
+}
+
+.recent-menu-item:last-of-type {
+  margin-bottom: 4px;
+}
+
 html[dir='rtl'] .recent-menu-item {
   background: no-repeat 100% 50%;
 }