[ntp4] More UI refinements.

chrome/browser/resources/ntp4/most_visited_page.css

 /* Copyright (c) 2011 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.
  */
 
 .most-visited {
   position: absolute;
 }
 
 .most-visited {
@@ skipping 44 matching lines @@
   opacity: 1;
   -webkit-transition-delay: 0.5s;
 }
 
 .close-button:hover {
   -webkit-transition-delay: 0;
 }
 
 .most-visited .favicon {
   background: no-repeat 5px 50%;
-  background-size: 32px;
   bottom: 7px;
   box-sizing: border-box;
   display: block;
-  height: 32px;
+  height: 16px;
   position: absolute;
   width: 100%;
 }
 
 .most-visited .color-stripe {
   border-bottom-left-radius: 3px 3px;
   border-bottom-right-radius: 3px 3px;
   /* Matches height of title.  */

[Evan Stade, 2011/08/30 01:06:24]

comment not quite accurate any more, maybe make the height greater and use
margin instead of padding below?

[csilv, 2011/08/30 01:29:04]

Done.

-  bottom: 23px;
+  bottom: 31px;
   height: 3px;
-  opacity: 0.5;
   position: absolute;
   width: 100%;
   z-index: 100;
 }
 
 .most-visited .title {
   display: block;
   height: 23px;
-  line-height: 23px;
   overflow: hidden;
+  padding-top: 8px;
   text-align: center;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .thumbnail {
   background: no-repeat;
   background-size: 100%;
   border-radius: 3px;
   /* These max dimensions are not necessary, as the sizing logic in the .js
@@ skipping 59 matching lines @@
  * Override opacity of the tile to 1, so that the new tile animation
  * occurs simultaneously with the trash animation. */
 .tile.dragging.finishing-drag {
   opacity: 1;
 }
 
 /* Don't display the new tile until there's something to show.  */
 .blacklisted {
   opacity: 0;
 }