File Manager: Assorted fixes and polish

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 16316e3a33618d3978ae4961aeb0c18fbf637352..ae7698906dada1f5c140499d0a4cbb127e8f086d 100644
--- a/chrome/browser/resources/file_manager/css/file_manager.css
+++ b/chrome/browser/resources/file_manager/css/file_manager.css
@@ -6,17 +6,61 @@
 
 /* Outer frame of the dialog. */
 body {
-  -webkit-box-flex: 1;
-  -webkit-box-orient: vertical;
-  -webkit-transition: opacity 0.07s linear;
+   -webkit-box-flex: 1;
+   -webkit-box-orient: vertical;
+   -webkit-transition: opacity 0.07s linear;
+   -webkit-user-select: none;
+   display: -webkit-box;
+   height: 100%;
+   margin: 0;
+   opacity: 0;
+   padding: 0;
+   position: absolute;
+   width: 100%;
+}
+
+button,
+input[type='button'],
+input[type='submit'] {
+  -webkit-border-radius: 2px;
+  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-user-select: none;
-  display: -webkit-box;
-  height: 100%;
-  margin: 0;
-  opacity: 0;
-  padding: 0;
-  position: absolute;
-  width: 100%;
+  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
+  border: 1px solid #aaa;
+  color: #444;
+  font-size: inherit;
+  margin-bottom: 0px;
+  min-width: 4em;
+  padding: 3px 12px 3px 12px;
+}
+
+button:hover,
+input[type='button']:hover,
+input[type='submit']:hover {
+  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
+  background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
+  border-color: #999;
+  color: #222;
+}
+
+button:active,
+input[type='button']:active,
+input[type='submit']:active {
+  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
+  background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
+  color: #333;
+}
+
+button[disabled],
+input[type='button'][disabled],
+input[type='submit'][disabled],
+button[disabled]:hover,
+input[type='button'][disabled]:hover,
+input[type='submit'][disabled]:hover {
+  -webkit-box-shadow: none;
+  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
+  border-color: #aaa;
+  color: #888;
 }
 
 .butter-bar {
@@ -70,10 +114,11 @@ body {
   -webkit-box-orient: horizontal;
   -webkit-box-flex: 1;
   border: 1px #aaa solid;
-  border-radius: 3px;
+  border-radius: 4px;
   display: -webkit-box;
   margin: 15px;
   margin-top: 0;
+  overflow: hidden;
 }
 
 /* Container for the ok/cancel buttons. */
@@ -245,7 +290,7 @@ button.thumbnail-view > img {
   margin-top: 4px;
 }
 
-/* Container for a table header. */
+/* xxx Container for a table header. */
 .table-header {
   -webkit-box-sizing: border-box;
   border-bottom: 1px #aaa solid;
@@ -253,6 +298,14 @@ button.thumbnail-view > img {
   height: 28px;
 }
 
+.list-container .table-header {
+  border-radius: 4px 0 0 0;
+}
+
+.preview-container .table-header {
+  border-radius: 0 4px 0 0;
+}
+
 /* Text label in a table header. */
 .table-header-label {
   margin-top: 6px;