Fix apps page footer shrinking/overlap for small window sizes.

chrome/browser/resources/ntp4/new_tab.js

 // Copyright (c) 2012 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.
 
 /**
  * @fileoverview New tab page
  * This is the main code for the new tab page used by touch-enabled Chrome
  * browsers.  For now this is still a prototype.
  */
 
@@ skipping 355 matching lines @@
     // max-width is used because if we run out of space, the nav dots will be
     // shrunk.
     styleElement.textContent = '.dot { max-width: ' + pxWidth + 'px; }';
     document.querySelector('head').appendChild(styleElement);
   }
 
   /**
    * Layout the footer so that the nav dots stay centered.
    */
   function layoutFooter() {
+    // We need the image to be loaded.
+    var logo = $('logo-img');
+    var logoImg = logo.querySelector('img');
+    if (!logoImg.complete) {
+      logoImg.onload = layoutFooter;
+      return;
+    }
+
     var menu = $('footer-menu-container');
-    var logo = $('logo-img');
-    if (menu.clientWidth > logo.clientWidth)
+    if (menu.clientWidth > logoImg.width)
       logo.style.WebkitFlex = '0 1 ' + menu.clientWidth + 'px';
     else
-      menu.style.WebkitFlex = '0 1 ' + logo.clientWidth + 'px';
+      menu.style.WebkitFlex = '0 1 ' + logoImg.width + 'px';
   }
 
   function themeChanged(opt_hasAttribution) {
     $('themecss').href = 'chrome://theme/css/new_tab_theme.css?' + Date.now();
 
     if (typeof opt_hasAttribution != 'undefined') {
       document.documentElement.setAttribute('hasattribution',
                                             opt_hasAttribution);
     }
 
@@ skipping 313 matching lines @@
     setFaviconDominantColor: setFaviconDominantColor,
     showNotification: showNotification,
     themeChanged: themeChanged,
     updateLogin: updateLogin
   };
 });
 
 document.addEventListener('DOMContentLoaded', ntp.onLoad);
 
 var toCssPx = cr.ui.toCssPx;