Print Preview Refresh: Fix some advanced settings polish bugs

Bug: 887397, 886663, 886908
Change-Id: I904a9c647c676185ce98faecd16cf815bff10e5f
Reviewed-on: https://chromium-review.googlesource.com/1236839Reviewed-by: Hector Carmona <hcarmona@chromium.org>
Commit-Queue: Rebekah Potter <rbpotter@chromium.org>
Cr-Commit-Position: refs/heads/master@{#592984}

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

@@ -13,10 +13,12 @@
     <style include="print-preview-shared paper-button-style">
       paper-button {
         --button-margin: 2px;
+        height: unset;
         margin: var(--button-margin);
+        margin-inline-start: 0;
         min-height: 32px;
         text-align: center;
-        width: calc(100% - 2 * var(--button-margin) - 15px);
+        width: calc(100% - var(--button-margin) - 15px);
       }
     </style>
     <print-preview-settings-section>

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

@@ -29,21 +29,21 @@
 
       .label,
       .value {
+        align-self: center;
         color: var(--google-grey-900);
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
+        overflow: hidden;
+        text-overflow: ellipsis;
       }
 
       .label {
+        flex: 1;
+        margin-inline-end: 10px;
         opacity: 0.87;
-        padding-inline-end: 104px;
-        width: 125px;
       }
 
       .value {
-        flex: none;
-        width: 239px;
+        flex: 0;
+        min-width: 239px;
       }
 
       cr-input {

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

@@ -62,7 +62,7 @@
       }
 
       print-preview-settings-section [slot=controls] > * {
-        margin-left: 15px;
+        margin-inline-start: 15px;
       }
 
       /* Default print preview dialog styles. */