Fix printing distilled pages

components/dom_distiller/core/css/distilledpage.css

 /* Copyright 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 /* Set the global 'box-sizing' state to 'border-box'.
  * *::after and *::before used to select pseudo-elements not selectable by *. */
 
 *,
 *::after,
 *::before {
@@ skipping 59 matching lines @@
 
 td,
 th {
   padding: 0.5rem;
 }
 
 /* Base typography. */
 
 html {
   font-size: 14px;
-  height: 100%;
+}
+
+@media screen {
+  html {
+    height: 100%;
+  }
 }
 
 body {
   height: 100%;
   line-height: 1.714;
   margin: 0px auto;
   text-rendering: optimizeLegibility;
   transition-property: color, background-color;
   transition-duration: 0.5s;
   transition-timing-function: ease;
@@ skipping 161 matching lines @@
   text-align: right;
   text-decoration: none;
   text-transform: uppercase;
   width: 100%;
 }
 
 @media print {
   #closeReaderView {
     display: none;
   }
+  #feedbackContainer {
+    display: none;
+  }
 
   /* Remove backgrounds and custom colors. */
   .light, .dark, .sepia {
       color: #000 !important;
       background-color: #fff !important;
   }
 
   /* If the transition duration is unchanged, the above color changes
   happen after the document is ready for print. */
   body {
       transition-duration: unset !important;
   }
 }
 
 #content {
   margin: 24px 16px 24px 16px;
 }
 
 #mainContent {
   flex: 1 1 auto;
   margin: 0px auto;
-  max-width: 35em;
   width: 100%;
 }
 
+@media screen {
+  #mainContent {
+    max-width: 35em;
+  }
+}
+
 #articleHeader {
   margin-top: 24px;
   width: 100%;
 }
 
 #titleHolder {
   font-size: 1.714rem;
   line-height: 1.417;
   margin: 0 16px;
 }
@@ skipping 65 matching lines @@
 pre code {
   border: none;
 }
 
 pre {
   line-height: 1.642;
   padding: .5em;
   white-space: pre-wrap;
 }
 
-.hidden {
+body .hidden {
   display: none;
 }
 
 /* Footer feedback form. */
 #contentWrap {
   display: flex;
   flex-flow: column;
   min-height: 100%;
   overflow: auto;
   position: relative;
   z-index: 1;
 }
 
-#feedbackContainer {
+.footerFeedback {
+  display: flex;
+  flex-flow: column;
   font-size: 14px;
-  position: relative;
   z-index: 2;
-}
-
-.footerFeedback {
   background-color: #4285F4;
-  clear: both;
   color: #fff;
-  display: none;
   height: 120px;
-  margin-top: -120px;
   width: 100%;
 }
 
 .feedbackContent {
   font-size: 14px;
   background-color: #4285F4;
   clear: both;
   padding: 14px;
 }
 
@@ skipping 463 matching lines @@
   border-color: rgb(250,36,36);
 }
 
 #loader.red .circle.red .mask.first .mover {
   background-color: rgb(33,89,189);
 }
 
 #loader.red .circle.red .mask.second .mover {
   background-color: rgb(250,36,36);
 }