NTP5: Reuse insertion/removal animations for Apps.

chrome/browser/resources/ntp_search/apps_page.js

Index: chrome/browser/resources/ntp_search/apps_page.js
diff --git a/chrome/browser/resources/ntp_search/apps_page.js b/chrome/browser/resources/ntp_search/apps_page.js
index 4370c48b94deb9c74a4b36209fd8c7acfe42f841..dfe19d7a8fdd4b1ab6677a8f0720a67c0d3874a7 100644
--- a/chrome/browser/resources/ntp_search/apps_page.js
+++ b/chrome/browser/resources/ntp_search/apps_page.js
@@ -281,7 +281,15 @@ cr.define('ntp', function() {
       // Unset the ID immediately, because the app is already gone. But leave
       // the tile on the page as it animates out.
       this.id = '';
-      this.tileCell.doRemove(opt_animate);
+
+      if (opt_animate) {
+        var cell = this.tileCell;
+        var tilePage = cell.tilePage;
+        tilePage.dataList_.splice(cell.index, 1);
+        tilePage.animateTileRemoval(cell.index, tilePage.dataList_);
+      } else {
+        this.tileCell.doRemove(opt_animate);
+      }
     },
 
     /**
@@ -579,7 +587,7 @@ cr.define('ntp', function() {
       // The width of a cell.
       cellWidth: 70,
       // The start margin of a cell (left or right according to text direction).
-      cellMarginStart: 22,
+      cellMarginStart: 20,
       // The maximum number of Tiles to be displayed.
       maxTileCount: 20,
       // Whether the TilePage content will be scrollable.
@@ -626,10 +634,15 @@ cr.define('ntp', function() {
         }
       }
 
-      var app = new App();
-      app.data = data;
-      this.addTileAt(app, index);
-      this.renderGrid_();
+      if (animate) {
+        this.dataList_.splice(index, 0, data);
+        this.animateTileRestoration(index, this.dataList_);
+      } else {
+        var app = new App();
+        app.data = data;
+        this.addTileAt(app, index);
+        this.renderGrid_();
+      }
     },
 
     /**