Print Preview: Adjust more settings padding and set links actionable

Fixing 2 bugs:
(1) When "More settings" is expanded, margin should be 16px
(2) Make links actionable so hand pointer shows up

Bug: 887071, 887228
Change-Id: Iccb185f7e75e6a6fd87eac45b9b0a9f21dae15ca
Reviewed-on: https://chromium-review.googlesource.com/1236501Reviewed-by: Hector Carmona <hcarmona@chromium.org>
Commit-Queue: Rebekah Potter <rbpotter@chromium.org>
Cr-Commit-Position: refs/heads/master@{#592979}

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

@@ -36,7 +36,7 @@
         opacity: .65;
       }
     </style>
-    <div class="link" id="systemDialogLink"
+    <div class="link" id="systemDialogLink" actionable
          hidden$="[[!shouldShowSystemDialogLink_]]"
          on-click="onSystemDialogClick_">
       <div class="label">$i18n{systemDialogOption}</div>
@@ -50,7 +50,7 @@
           class="throbber"></div>
     </div>
 <if expr="is_macosx">
-    <div class="link" id="openPdfInPreviewLink"
+    <div class="link" id="openPdfInPreviewLink" actionable
         on-click="onOpenInPreviewClick_">
       <div class="label">$i18n{openPdfInPreviewOption}</div>
       <paper-icon-button-light actionable class="icon-external"

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

@@ -17,6 +17,10 @@
         pointer-events: none;
       }
 
+      :host([settings-expanded-by-user]) {
+        margin-bottom: 16px;
+      }
+
       div {
         align-items: center;
         border-top: var(--print-preview-settings-border);

chrome/browser/resources/print_preview/new/more_settings.js

@@ -10,6 +10,7 @@ Polymer({
   properties: {
     settingsExpandedByUser: {
       type: Boolean,
+      reflectToAttribute: true,
       notify: true,
     },