Adjust the thumbnail view to match the specs.

chrome/browser/resources/file_manager/css/file_manager.css

 /* 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. */
 
 html {
   height: 100%;
 }
 
 html.col-resize * {
   cursor: col-resize !important;
@@ skipping 1165 matching lines @@
 }
 
 .thumbnail-bottom {
   -webkit-box-align: center;
   -webkit-box-orient: horizontal;
   -webkit-box-pack: center;
   bottom: 0;
   cursor: auto;
   display: -webkit-box;
   left: 0;
-  padding: 0 5px;
+  padding: 0 10px;
   position: absolute;
   right: 0;
 }
 
 .thumbnail-bottom .filename-label {
   -webkit-box-flex: 1;
 }
 
 /* Styles specific for the grid view. */
 
 /* The item width and margins are chosen so that the standard File Open/Save
    dialogs have three nicely aligned columns of thumbnails. */
-.thumbnail-grid .thumbnail-item {
-  border: 2px solid transparent;  /* Selection will make the border visible. */
-  margin-left: 8px;
+body:not([new-ui]) .thumbnail-grid .thumbnail-item {
+  -webkit-margin-start: 8px;
+  border: 1px solid transparent;  /* Selection will make the border visible. */
   margin-top: 7px;
   padding: 0;
   position: relative;
   text-align: center;
 }
 
-.thumbnail-grid .thumbnail-frame {
+body[new-ui] .thumbnail-grid .thumbnail-item {
+  -webkit-margin-start: 8px;
+  border: 3px solid transparent;  /* Selection will make the border visible. */
+  margin-top: 7px;
+  padding: 0;
+  position: relative;
+}
+
+body:not([new-ui]) .thumbnail-grid .thumbnail-frame {
   background-image: -webkit-image-set(
     url('../images/files/ui/hashed_bg.gif') 1x,
     url('../images/files/ui/2x/hashed_bg.gif') 2x);
   border: 1px solid rgb(217, 217, 217);
   height: 180px;
   overflow: hidden;
   padding-bottom: 30px;  /* .thumbnail-bottom height */
   position: relative;
   width: 240px;
 }
 
 body[new-ui] .thumbnail-grid .thumbnail-frame {
   background-color: rgb(245, 245, 245);
-  background-image: none;
+  height: 180px;
+  overflow: hidden;
+  position: relative;
+  width: 240px;
 }
 
 .thumbnail-grid .thumbnail-item[selected] .thumbnail-frame,
 .thumbnail-grid .thumbnail-item.accepts .thumbnail-frame,
 body:not([new-ui]) .thumbnail-grid .thumbnail-item:hover .thumbnail-frame {
   border-color: white;
 }
 
 .thumbnail-grid .img-container {
   height: 100%;
   width: 100%;
 }
 
-.thumbnail-grid .thumbnail-bottom {
+body .thumbnail-grid .thumbnail-bottom {
   background: rgba(0, 0, 0, 0.75);
   color: #eee;
   height: 30px;
 }
 
-.thumbnail-item .thumbnail-bottom .file-checkbox {
+body[new-ui] .thumbnail-grid .thumbnail-bottom {
+  background: rgba(0, 0, 0, 0.55);
+  color: #fff;
+}
+
+body:not([new-ui]) .thumbnail-item .thumbnail-bottom .file-checkbox {
   left: 9px;
   position: absolute;
   top: 10px;
 }
 
 /* Show the file name differently if the checkbox is present */
 .thumbnail-bottom.show-checkbox {
   -webkit-box-pack: start;
   padding-left: 28px;

[hirono, 2013/05/28 09:35:11]

-webkit-padding-start ?

[mtomasz, 2013/05/28 09:48:27]

Done.

-  text-align: left;
+  text-align: start;
 }
 
 /* In the full page mode we can afford to show thumbnails as large as 320x240
    with no downscaling. */
 body[type='full-page'] .thumbnail-grid .thumbnail-item {
-  margin-left: 21px;
+  -webkit-margin-start: 21px;
   margin-top: 20px;
 }
 
-body[type='full-page'] .thumbnail-grid .thumbnail-frame {
+body[type='full-page']:not([new-ui]) .thumbnail-grid .thumbnail-frame {
   height: 240px;
   padding-bottom: 34px;  /* .thumbnail-bottom height */
   width: 320px;
 }
 
+body[type='full-page'][new-ui] .thumbnail-grid .thumbnail-frame {
+  height: 240px;
+  width: 320px;
+}
+
 body[type='full-page'] .thumbnail-grid .thumbnail-bottom {
   height: 34px;
 }
 
 /* Padding counterweights negative margins of items, thus eliminating scroll
    bar when it's not needed. Max height is set to fit 8 items before showing
    scroll bar. */
 #default-actions-list {
   max-height: 328px;
   padding: 1px 0;
@@ skipping 1109 matching lines @@
 body[new-ui] #iframe-drag-area {
   -webkit-app-region: drag;
   height: 45px;
   left: 64px;
   position: absolute;
   right: 70px;
   top: 0;
   width: auto;
   z-index: 101;
 }