Print Preview: Fixing pages textfield appearance when scrollbar is visible.

chrome/browser/resources/print_preview/print_preview.css

Index: chrome/browser/resources/print_preview/print_preview.css
diff --git a/chrome/browser/resources/print_preview/print_preview.css b/chrome/browser/resources/print_preview/print_preview.css
index 53019a95252b0e6c37a05c8dc504fc0a125e0464..70083fd166f336340124bedfff66c0be3cba77d9 100644
--- a/chrome/browser/resources/print_preview/print_preview.css
+++ b/chrome/browser/resources/print_preview/print_preview.css
@@ -611,8 +611,21 @@ input[type='radio']:focus {
   visibility: visible;
 }
 
-body #individual-pages {
- width: 81.5%;
+#individual-pages {

[Evan Stade, 2011/06/22 20:32:01]

minor nit: I would put these css rules in an order that matches their dom
hierarchy, i.e. print-pages-div, then the label, then individual-pages

[dpapad, 2011/06/22 20:36:29]

Done. This sounds like a good practice, I will try to enforce this to the
remaining of this file in a future cleanup CL.

[Evan Stade, 2011/06/22 20:43:54]

another thing that can make this file easier to read is to break it up by
section. You seem to have done that a little at the top but not for the last 600
or so lines.

+  -webkit-box-flex: 1;
+  -webkit-margin-start: 5px;
+  display: block;
+}
+
+#print-pages-div {
+  -webkit-box-align: center;
+  -webkit-box-orient: horizontal;
+  display: -webkit-box;
+}
+
+#print-pages-div > label {
+  -webkit-box-flex: 1;
+  display: -webkit-box;
 }
 
 #print-summary {