Polish the new tab notification code a bit, as per request in last review (style changes).

chrome/browser/resources/ntp/apps.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.
 
 var MAX_APPS_PER_ROW = [];
 MAX_APPS_PER_ROW[LayoutMode.SMALL] = 4;
 MAX_APPS_PER_ROW[LayoutMode.NORMAL] = 6;
 
 function getAppsCallback(data) {
   logEvent('received apps');
@@ skipping 174 matching lines @@
 
   // Move the bubble to the right location.
   var bubble = $('app-notification-bubble');
   var x = target.parentElement.offsetLeft +
           target.parentElement.offsetWidth - 20;
   var y = target.parentElement.offsetTop + 20;
   bubble.style.left = x + "px";
   bubble.style.top = y + "px";
 
   // Move the arrow and shadow to the right location.
-  var arrow = $('arrow-contents');
-  var border = $('arrow-border');
-  var shadow = $('arrow-shadow');
+  var arrow_container = $('arrow-container');
   y += 26;
-  x -= arrow.style.width + 23;
-  arrow.style.left = x + "px";
-  arrow.style.top = y + "px";
-  x -= 1;
-  border.style.left = x + "px";
-  border.style.top = y + "px";
-  x -= 1;
-  shadow.style.left = x + "px";
-  shadow.style.top = y + "px";
+  x -= arrow_container.style.width + 25;
+  arrow_container.style.left = x + "px";
+  arrow_container.style.top = y + "px";
 
   // Animate the bubble into view.
   bubble.classList.add("notification-bubble-opened");
   bubble.classList.remove("notification-bubble-closed");
-  arrow.classList.add("notification-bubble-opened");
-  arrow.classList.remove("notification-bubble-closed");
-  border.classList.add("notification-bubble-opened");
-  border.classList.remove("notification-bubble-closed");
-  shadow.classList.add("notification-bubble-opened");
-  shadow.classList.remove("notification-bubble-closed");
+  arrow_container.classList.add("notification-bubble-opened");
+  arrow_container.classList.remove("notification-bubble-closed");
 
   bubble.focus();
 }
 
 // Hide the notification bubble.
 function hideNotificationBubble(event) {
   // This will fade the bubble out of existence.
   $('app-notification-bubble').classList.add("notification-bubble-closed");
   $('app-notification-bubble').classList.remove("notification-bubble-opened");
-  $('arrow-border').classList.add("notification-bubble-closed");
-  $('arrow-border').classList.remove("notification-bubble-opened");
-  $('arrow-shadow').classList.add("notification-bubble-closed");
-  $('arrow-shadow').classList.remove("notification-bubble-opened");
-  $('arrow-contents').classList.add("notification-bubble-closed");
-  $('arrow-contents').classList.remove("notification-bubble-opened");
+  $('arrow-container').classList.add("notification-bubble-closed");
+  $('arrow-container').classList.remove("notification-bubble-opened");
 }
 
 var apps = (function() {
 
   function createElement(app) {
     var div = document.createElement('div');
     div.className = 'app';
 
     var a = div.appendChild(document.createElement('a'));
     a.className = 'app-anchor';
@@ skipping 672 matching lines @@
       a.href = localStrings.getString('web_store_url');
       a.style.backgroundImage = url('chrome://theme/IDR_WEBSTORE_ICON_16');
       a.className = 'item';
       return a;
     }
   };
 })();
 
 // Enable drag and drop reordering of the app launcher.
 var appDragAndDrop = new DragAndDropController(apps);