Fix printing distilled pages

components/dom_distiller/core/css/distilledpage.css

Index: components/dom_distiller/core/css/distilledpage.css
diff --git a/components/dom_distiller/core/css/distilledpage.css b/components/dom_distiller/core/css/distilledpage.css
index 1aff8f86c0792e7238c9b4508842206c895c9a35..8891ac078ab5815c4e35a136ce521df4042b1508 100644
--- a/components/dom_distiller/core/css/distilledpage.css
+++ b/components/dom_distiller/core/css/distilledpage.css
@@ -5,6 +5,15 @@
 /* Set the global 'box-sizing' state to 'border-box'.
  * *::after and *::before used to select pseudo-elements not selectable by *. */
 
+@media print {
+  #closeReaderView {
+    display: none;
+  }
+  #feedbackContainer {
+    display: none;
+  }
+}

[csaavedra, 2015/08/25 14:32:13]

There is already a @media print somewhere below in this file. Remove the
duplicate.

[wychen, 2015/08/25 23:51:27]

Done.

+
 *,
 *::after,
 *::before {
@@ -77,7 +86,12 @@ th {
 
 html {
   font-size: 14px;
-  height: 100%;
+}
+
+@media screen {
+  html {
+    height: 100%;
+  }
 }
 
 body {
@@ -351,7 +365,7 @@ pre {
   white-space: pre-wrap;
 }
 
-.hidden {
+body .hidden {
   display: none;
 }
 
@@ -366,18 +380,16 @@ pre {
 }
 
 #feedbackContainer {
-  font-size: 14px;
-  position: relative;
-  z-index: 2;

[csaavedra, 2015/08/25 14:32:13]

Is it somehow useful to leave this empty?

[wychen, 2015/08/25 23:51:27]

Done.

 }
 
 .footerFeedback {
+  display: flex;
+  flex-flow: column;
+  font-size: 14px;
+  z-index: 2;
   background-color: #4285F4;
-  clear: both;
   color: #fff;
-  display: none;
   height: 120px;
-  margin-top: -120px;
   width: 100%;
 }