Print Preview: Display a throbber when the user requests the system print

chrome/browser/resources/print_preview.html

Index: chrome/browser/resources/print_preview.html
diff --git a/chrome/browser/resources/print_preview.html b/chrome/browser/resources/print_preview.html
index 6934471b384b5ad7aa1cf8af30246f897edc7b84..9ca4a747eca3d4b1033b0ea53b4b372ad15dcd4e 100644
--- a/chrome/browser/resources/print_preview.html
+++ b/chrome/browser/resources/print_preview.html
@@ -4,6 +4,7 @@
 <meta charset="utf-8">
 <title i18n-content="title"></title>
 <link rel="icon" href="../../app/theme/print_preview_favicon.png">
+<link rel="stylesheet" href="chrome://resources/css/throbber.css">
 <link rel="stylesheet" href="webui.css">
 <link rel="stylesheet" href="print_preview.css">
 <script src="chrome://resources/js/local_strings.js"></script>
@@ -107,8 +108,10 @@
       </div>
       <hr>
       <div id="system-dialog-div">
-        <a id="system-dialog-link" href="#"
-            i18n-content="systemDialogOption"></a>
+        <button id="system-dialog-link" class="link-button"
+            i18n-content="systemDialogOption"></button>
+        <!-- TODO(dpapad): Investigate whey hidden attribute does not work. -->
+        <div id="system-dialog-throbber" class="throbber hidden"></div>
       </div>
     </div>
   </div>
@@ -126,6 +129,6 @@
     </div>
   </div>
   <object id="dummy-viewer" type="application/pdf"
-      src="chrome://print/dummy.pdf"/>
+      src="chrome://print/dummy.pdf"></object>
 </body>
 </html>