[ntp4] Add a 'Manage Bookmarks' link at the top of the Bookmarks page. Also right-align links.

chrome/browser/resources/ntp4/tile_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';
 
   // We can't pass the currently dragging tile via dataTransfer because of
   // http://crbug.com/31037
   var currentlyDraggingTile = null;
@@ skipping 431 matching lines @@
     /**
      * Returns the width of the scrollbar, in pixels, if it is active, or 0
      * otherwise.
      * @type {number}
      */
     get scrollbarWidth() {
       return this.scrollbar_.hidden ? 0 : 13;
     },
 
     /**
+     * Returns any extra padding to insert to the bottom of a tile page.  By
+     * default there is none, but subclasses can override.
+     * @type {number}
+     */
+    get extraBottomPadding() {
+      return 0;
+    },
+
+    /**
      * Cleans up resources that are no longer needed after this TilePage
      * instance is removed from the DOM.
      */
     tearDown: function() {
       this.eventTracker.removeAll();
     },
 
     /**
      * Appends a tile to the end of the tile grid.
      * @param {HTMLElement} tileElement The contents of the tile.
@@ skipping 17 matching lines @@
       if (animate)
         tileElement.classList.add('new-tile-contents');
       var wrapperDiv = new Tile(tileElement);
       if (index == this.tileElements_.length) {
         this.tileGrid_.appendChild(wrapperDiv);
       } else {
         this.tileGrid_.insertBefore(wrapperDiv,
                                     this.tileElements_[index]);
       }
       this.calculateLayoutValues_();
+      this.heightChanged_();
 
       this.positionTile_(index);
     },
 
     /**
      * Removes the given tile and animates the respositioning of the other
      * tiles.
      * @param {HTMLElement} tile The tile to remove from |tileGrid_|.
      * @param {?boolean} animate If true, tiles will animate.
      */
@@ skipping 249 matching lines @@
      * Called when the height of |this| has changed: update the size of
      * tileGrid.
      * @private
      */
     heightChanged_: function() {
       // The tile grid will expand to the bottom footer, or enough to hold all
       // the tiles, whichever is greater. It would be nicer if tilePage were
       // a flex box, and the tile grid could be box-flex: 1, but this exposes a
       // bug where repositioning tiles will cause the scroll position to reset.
       this.tileGrid_.style.minHeight = (this.clientHeight -
-          this.tileGrid_.offsetTop) + 'px';
+          this.tileGrid_.offsetTop - this.content_.offsetTop -
+          this.extraBottomPadding) + 'px';
     },
 
     /**
      * Scrolls the page in response to a mousewheel event.
      * @param {Event} e The mousewheel event.
      */
     handleMouseWheel: function(e) {
       this.content_.scrollTop -= e.wheelDeltaY / 3;
     },
 
@@ skipping 272 matching lines @@
     setDropEffect: function(dataTransfer) {
       assert(false);
     },
   };
 
   return {
     getCurrentlyDraggingTile: getCurrentlyDraggingTile,
     TilePage: TilePage,
   };
 });