[ntp4] More UI refinements

chrome/browser/resources/ntp4/most_visited_page.js

 // 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.
 
 cr.define('ntp4', function() {
   'use strict';
 
   var TilePage = ntp4.TilePage;
 
   /**
@@ skipping 73 matching lines @@
       }
 
       var id = tileID++;
       this.id = 'most-visited-tile-' + id;
       this.data_ = data;
       // TODO(estade): this shouldn't be focusable if the page isn't showing.
       this.tabIndex = 0;
 
       var faviconDiv = this.querySelector('.favicon');
       var faviconUrl = data.faviconUrl ||
-          'chrome://favicon/size/32/' + data.url;
+          'chrome://favicon/size/16/' + data.url;
       faviconDiv.style.backgroundImage = url(faviconUrl);
       faviconDiv.dir = data.direction;
       if (data.faviconDominantColor) {
         this.setStripeColor(data.faviconDominantColor);
       } else {
         chrome.send('getFaviconDominantColor',
             [faviconUrl, id, 'ntp4.setMostVisitedFaviconDominantColor']);
       }
 
       var title = this.querySelector('.title');
@@ skipping 147 matching lines @@
     maxTileWidth: 214,
   };
   TilePage.initGridValues(mostVisitedPageGridValues);
 
   /**
    * Calculates the height for a Most Visited tile for a given width. The size
    * is based on the thumbnail, which should have a 212:132 ratio.
    * @return {number} The height.
    */
   function heightForWidth(width) {
-    // The 2s are for borders, the 23 is for the title.
-    return (width - 2) * 132 / 212 + 2 + 23;
+    // The 2s are for borders, the 31 is for the title.
+    return (width - 2) * 132 / 212 + 2 + 31;
   }
 
   var THUMBNAIL_COUNT = 8;
 
   /**
    * Creates a new MostVisitedPage object.
    * @constructor
    * @extends {TilePage}
    */
   function MostVisitedPage() {
@@ skipping 168 matching lines @@
     if (tile)
       tile.setStripeColor(color);
   };
 
   return {
     MostVisitedPage: MostVisitedPage,
     refreshData: refreshData,
     setMostVisitedFaviconDominantColor: setMostVisitedFaviconDominantColor,
   };
 });