Print Preview Componentization: Fix selects in RTL

Bug: 855003
Cq-Include-Trybots: luci.chromium.try:closure_compilation
Change-Id: I0b9d3d14c6d1efdbc3b12cfd38d23da4d5d9a112
Reviewed-on: https://chromium-review.googlesource.com/1111336Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org>
Commit-Queue: Rebekah Potter <rbpotter@chromium.org>
Cr-Commit-Position: refs/heads/master@{#570155}

chrome/browser/resources/print_preview/new/print_preview_shared_css.html

@@ -17,6 +17,8 @@
       input[type='checkbox'],
       input[type='radio'] {
         -webkit-appearance: none;
+        -webkit-margin-end: 1px;
+        -webkit-margin-start: 0;
         background-image: linear-gradient(#ededed, #ededed 38%, #dedede);
         border: 1px solid rgba(0, 0, 0, 0.25);
         border-radius: 2px;
@@ -24,7 +26,8 @@
             inset 0 1px 2px rgba(255, 255, 255, 0.75);
         color: #444;
         font: inherit;
-        margin: 0 1px 0 0;
+        margin-bottom: 0;
+        margin-top: 0;
         outline: none;
         text-shadow: 0 1px 0 rgb(240, 240, 240);
         user-select: none;

chrome/browser/resources/print_preview/new/select_css.html

@@ -17,6 +17,10 @@
         width: 100%;
       }
 
+      :host-context([dir='rtl']) select {
+        background-position: center left;
+      }
+
       select:enabled:hover {
         background-image: url(chrome://resources/images/select.png),
             linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);