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

chrome/browser/resources/ntp4/recently_closed.css

Index: chrome/browser/resources/ntp4/recently_closed.css
diff --git a/chrome/browser/resources/ntp4/recently_closed.css b/chrome/browser/resources/ntp4/recently_closed.css
index 464a5ad40eff45deaa61b485194ca711df03896c..cb4fa75313b7f7c0a10c544178b2a4bb567a8cd5 100644
--- a/chrome/browser/resources/ntp4/recently_closed.css
+++ b/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%;
 }