Different approach to NTP layout

chrome/browser/resources/ntp/apps.css

 /* Apps */
 
-#apps-section .app,
-#apps-section .app[new=installed] {
+.app,
+.app[new=installed] {
   -webkit-box-sizing: border-box;
   -webkit-perspective: 400;
   border-radius: 10px;
   color: black;
   display: inline-block;
   margin: 5px 3px;
   position: relative;
   height: 136px;
   width: 124px; /* 920 / 7 - margin * 2 */
 }
@@ skipping 91 matching lines @@
 
   60% {
     -webkit-transform: scale(1.2, 1.2);
   }
 
   100% {
     -webkit-transform: scale(1, 1);
   }
 }
 
-#apps-section .app[new=new] {
+.app[new=new] {
   opacity: 0;
 }
 
-#apps-section .app[new=installed] {
+.app[new=installed] {
   -webkit-animation: bounce .5s ease-in-out;
   -webkit-transition: opacity .5s;
 }
 
 a[app_id=web-store-entry] {
   background-image: url("web_store_icon.png");
 }
 
 /* Make items on the wrong side non focusable by hiding them. */
 .app:not(.config) > .back button,
@@ skipping 18 matching lines @@
   display: none;
 }
 
 html[has_3d=false] .app > .back {
   display: none;
 }
 
 html[has_3d=false] .app.config > .back {
   display: block;
 }