Moving checkboxes to a separate column.

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

Index: chrome/browser/resources/file_manager/css/file_manager.css
diff --git a/chrome/browser/resources/file_manager/css/file_manager.css b/chrome/browser/resources/file_manager/css/file_manager.css
index 23e103d999cd4b23f3e32e8d50da54c2404c1a22..50044e98b0d87c009866ad525305b2fc1f72978b 100644
--- a/chrome/browser/resources/file_manager/css/file_manager.css
+++ b/chrome/browser/resources/file_manager/css/file_manager.css
@@ -286,12 +286,17 @@ div.img-container > img {
   -webkit-transform: translate(0, 0);
 }
 
-.preview-panel[hidden] {
+.preview-panel[visibility=hiding] {
   -webkit-transition: all 220ms ease;
   -webkit-transform: translate(0, 5px);
    opacity: 0;
 }
 
+.preview-panel[visibility=hidden] {
+  display: none;
+  opacity: 0;
+}
+
 .preview-thumbnails {
   display: -webkit-box;
   -webkit-box-orient: horizontal;
@@ -398,7 +403,6 @@ li.thumbnail-item[selected] .file-checkbox {
 
 .detail-icon-container {
   -webkit-box-orient: horizontal;
-  -webkit-box-flex: 1;
   -webkit-box-pack: end;
   display: -webkit-box;
 }
@@ -499,13 +503,6 @@ li.thumbnail-item[selected] .file-checkbox {
   -webkit-box-shadow: 5px 5px 0 #aaa;
 }
 
-.preview-metadata {
-  -webkit-box-orient: vertical;
-  -webkit-box-flex: 1;
-  display: -webkit-box;
-  color: #666;
-}
-
 .metadata-item {
   -webkit-box-orient: horizontal;
   -webkit-box-flex: 1;
@@ -579,25 +576,6 @@ li.thumbnail-item[selected] .file-checkbox {
   display: -webkit-box;
 }
 
-.preview-metadata {
-    text-align:center;
-}
-
-.preview-metadata-table tbody tr th {
-    text-align: right;
-    color: #666;
-    font-size: 12px;
-    font-weight: normal;
-    padding-left:10px;
-}
-
-.preview-metadata-table tbody tr td {
-    text-align: left;
-    color:#000;
-    font-size: 12px;
-    font-weight: normal;
-}
-
 /* Overlay pane covering the entire file manager window (e.g. image editor)*/
 .overlay-pane {
   position: absolute;