Moving file selection checkbox to the field name.

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 178951de52f147e4d4762cf00a7bca036b7946e8..8ccaee42f519c36e5ba866db647545852f4bbf3a 100644
--- a/chrome/browser/resources/file_manager/css/file_manager.css
+++ b/chrome/browser/resources/file_manager/css/file_manager.css
@@ -369,24 +369,22 @@ div.img-container > img {
   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;
 }
 
@@ -401,15 +399,9 @@ 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. */
@@ -561,6 +553,19 @@ li.thumbnail-item[selected] .file-checkbox {
   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;