Moving file selection checkbox to the field name.

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

 /*
  * 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.
  */
 
 /* Outer frame of the dialog. */
 body {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
@@ skipping 351 matching lines @@
 }
 
 /* The first child of a list cell. */
 .table-row-cell > * {
   -webkit-margin-start: 5px;
   -webkit-box-orient: horizontal;
   -webkit-box-flex: 1;
   display: -webkit-box;
 }
 
-.detail-table li.table-row .table-row-cell:first-child div {
-  margin: 0px;
-}
-
 .file-checkbox {
   position: relative;
   z-index: 2;
   -webkit-margin-end: 0px;
-  margin-top: 6px;
-  margin-left: 7px;
   opacity: 0.1;
 }
 
 #select-all-checkbox {
-  margin: 0;
+  margin: 0px 6px 0 0;
+  position: relative;
+  top: 1px;

[Vladislav Kaznacheev, 2011/11/29 19:11:59]

Is it any better than having margin-top: 1px?

[SeRya, 2011/11/30 13:04:04]

It would also affect the text label. top in relative positioning doesn't.

[Vladislav Kaznacheev, 2011/11/30 13:25:42]

It would be nice to add a comment that explains it here.
On 2011/11/30 13:04:04, SeRya wrote:

[SeRya, 2011/11/30 13:47:13]

Done.

 }
 
 li.thumbnail-item .file-checkbox {
+  margin-top: 6px;
+  margin-left: 7px;
   opacity: 0;
 }
 
 li.table-row:hover .file-checkbox,
 li.thumbnail-item:hover .file-checkbox {
   opacity: 0.5;
 }
 
 .file-checkbox:hover,
 li.table-row[selected] .file-checkbox,
 li.thumbnail-item[selected] .file-checkbox {
   opacity: 1 !important;
 }
 
-/* Column text containers. */
-.detail-name, .detail-size, .detail-type, .detail-date {
-  padding-top: 2px;
-}
-
-.detail-icon-container {
-  -webkit-box-orient: horizontal;
-  -webkit-box-pack: end;
-  display: -webkit-box;
+li.table-row {
+  padding-top: 1px;
+  padding-bottom: 1px;
 }
 
 /* The icon in the name column. */
 .detail-icon {
   background-image: url(../images/filetype_generic.png);
   background-position: center;
   background-repeat: no-repeat;
   height: 24px;
   width: 24px;
 }
@@ skipping 131 matching lines @@
 
 .dialog-footer .filename-label {
   -webkit-box-orient: horizontal;
   color: #666;
   display: -webkit-box;
   font-weight: bold;
   padding-top: 4px;
   padding-right: 4px;
 }
 
+.detail-name {
+  display: -webkit-box;
+}
+
+.detail-name > * {
+  display: -webkit-box;
+  -webkit-box-align: center;
+}
+
+.detail-name > input[type=checkbox] {
+  margin: 0 2px;
+}
+
 .filename-input {
   -webkit-box-orient: horizontal;
   -webkit-box-flex: 1;
   display: -webkit-box;
 }
 
 /* A horizontal spring. */
 .horizontal-spacer {
   -webkit-box-orient: horizontal;
   -webkit-box-flex: 1;
@@ skipping 10 matching lines @@
 /* Overlay pane covering the entire file manager window (e.g. image editor)*/
 .overlay-pane {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: none;
   z-index: 100;
 }