Print Preview: Fix small radio buttons

chrome/browser/resources/print_preview/print_preview.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. */
 
 html {
   height: 100%;
   overflow: hidden;
 }
 
 body {
@@ skipping 55 matching lines @@
 .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 .radio input[type='radio'],
+.right-column label input[type='checkbox'] {
   height: 1.1em;

[dpapad, 2017/04/12 00:03:03]

Nit (optional): You can avoid repeating value literals by using CSS variables.

--min-size: 13.19px;
--size: 1.1em;
height: var(--size);
min-height: var(--min-size);
...

[rbpotter, 2017/04/12 00:23:33]

Done.

+  min-height: 13.19px;
+  min-width: 13.19px;
   width: 1.1em;
 }
 
-.right-column label input[type='checkbox'] {
-  height: 1.1em;
-  width: 1.1em;
-}
-
 .left-column {
   -webkit-padding-end: 20px;
   -webkit-padding-start: 20px;
   display: table-cell;
   min-width: 70px;
   vertical-align: middle;
 }
 
 .left-column h1 {
   color: #646464;
@@ skipping 222 matching lines @@
 :enabled:focus:-webkit-any(input[type='checkbox'],
                            input[type='radio'],
                            button) {
   /* Cancel border-color for :focus specified in widgets.css. */
   border-color: rgba(0,0,0,0.25);
 }
 
 html:not(.focus-outline-visible) [is='action-link']:focus {
   outline: none;
 }