Refactor print preview web ui

chrome/browser/resources/print_preview/settings/copies_settings.css

+/* Copyright (c) 2012 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.
+ */
+
+#copies-settings .copies-settings-copies {
+  position: relative;
+  width: 2.75em;
+}
+
+#copies-settings .copies-settings-copies.invalid {
+  background: rgb(255, 240, 240);
+  color: rgb(140, 20, 20);
+}
+
+#copies-settings .copies-settings-increment:focus,
+#copies-settings .copies-settings-decrement:focus,
+.copies-settings:focus {
+  z-index: 1;
+}
+
+#copies-settings .copies-settings-collate {
+ -webkit-padding-start: 16px;
+  display: inline-block;
+}
+
+#copies-settings .copies-settings-increment,
+#copies-settings .copies-settings-decrement {
+  -webkit-padding-end: 0;
+  -webkit-padding-start: 0;
+  font-weight: 600;
+  margin: 0;
+  min-width: 0;
+  position: relative;
+  width: 2em;
+}
+
+#copies-settings .copies-settings-increment {
+  -webkit-margin-start: -5px;
+  border-radius: 0;
+}
+
+#copies-settings .copies-settings-decrement {
+  -webkit-margin-start: -5px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 3px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 3px;
+}
+
+html[dir='rtl'] #copies-settings .copies-settings-decrement {
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 0;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 0;
+}