Print Preview: Make collate look better when on second line

The collate checkbox looks odd in languages (Hindi, Russian) where the
"Collate" text is too long and the box is pushed onto another line
(below the "Copies" input box). Make the input box + checkbox look like
the scaling input box + fit to page checkbox in languages where this is
the case.

Bug: 763339
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: Ifd83fdb5c274beafcf790b3f469804980c47f6b2
Reviewed-on: https://chromium-review.googlesource.com/662177Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org>
Commit-Queue: Rebekah Potter <rbpotter@chromium.org>
Cr-Commit-Position: refs/heads/master@{#502890}

chrome/browser/resources/print_preview/print_preview.css

@@ -62,17 +62,6 @@ header {
   width: 99%;
 }
 
-.right-column .checkbox,
-.right-column .radio {
-  margin: 0;
-}
-
-.right-column .checkbox label,
-.right-column .radio label {
-  padding-bottom: 5px;
-  padding-top: 10px;
-}
-
 .right-column .radio input[type='radio'],
 .right-column label input[type='checkbox'] {
   --min-size: 13.19px;
@@ -105,7 +94,7 @@ header {
 }
 
 .two-column.visible .left-column.multirow {
-  padding-top: 16px;
+  padding-top: 13px;
   vertical-align: top;
 }
 

chrome/browser/resources/print_preview/print_preview.html

@@ -15,14 +15,12 @@
   <link rel="stylesheet" href="common/search_bubble.css">
   <link rel="stylesheet" href="settings/destination_settings.css">
   <link rel="stylesheet" href="settings/color_settings.css">
-  <link rel="stylesheet" href="settings/copies_settings.css">
   <link rel="stylesheet" href="settings/settings_box.css">
   <link rel="stylesheet" href="settings/page_settings.css">
   <link rel="stylesheet" href="settings/margin_settings.css">
   <link rel="stylesheet" href="settings/media_size_settings.css">
   <link rel="stylesheet" href="settings/layout_settings.css">
   <link rel="stylesheet" href="settings/dpi_settings.css">
-  <link rel="stylesheet" href="settings/scaling_settings.css">
   <link rel="stylesheet" href="settings/advanced_options_settings.css">
   <link rel="stylesheet" href="settings/advanced_settings/advanced_settings.css">
   <link rel="stylesheet" href="settings/advanced_settings/advanced_settings_item.css">

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 .collate-container {
- -webkit-padding-start: 16px;
-  display: inline-block;
-}
-
-#copies-settings .collate-container label {
-  padding: 0;
-}

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

-/* Copyright 2017 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. */
-
-#scaling-settings .settings-box {
-  padding-top: 5px;
-}

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

@@ -6,3 +6,14 @@
   background: rgb(255, 240, 240);
   color: rgb(140, 20, 20);
 }
+
+.settings-box input[type='number'] {
+  -webkit-margin-end: 16px;
+  margin-bottom: 2.5px;
+  margin-top: 2.5px;
+}
+
+.settings-box {
+  align-items: center;
+  display: inline-flex;
+}