Print Preview Componentization: Fix close buttons

Make the close buttons appear again in the Print Preview cr-dialogs.

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

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

@@ -13,6 +13,8 @@
            background-color: rgba(255, 255, 255, 0.75) for the inner dialog's
            backdrop. See context at crbug.com/827397 */
         --cr-dialog-close-image: {
+          -webkit-margin-end: 7px;
+          margin-top: 10px;
           background-image: url(chrome://theme/IDR_CLOSE_DIALOG);
         };
         --cr-dialog-close-image-active: {
@@ -25,7 +27,7 @@
           box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2),
             0 2px 6px rgba(0, 0, 0, 0.15);
         };
-        --cr-icon-ripple-size: 0;
+        --cr-icon-ripple-size: 14px;
         --cr-icon-size: 14px;
         --cr-dialog-body: {
           box-sizing: border-box;
@@ -34,6 +36,9 @@
         --cr-dialog-wrapper: {
           max-height: calc(100vh - 40px);
         };
+        --cr-dialog-close-ripple: {
+          display: none;
+        };
       }
 
       #searchBox {

ui/webui/resources/cr_elements/cr_dialog/cr_dialog.html

@@ -128,6 +128,10 @@
       #closeContainer:active {
         @apply --cr-dialog-close-image-active;
       }
+
+      #closeContainer paper-ripple {
+        @apply --cr-dialog-close-ripple;
+      }
     </style>
     <dialog id="dialog">
       <!-- This wrapper is necessary, such that the "pulse" animation is not