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 742e28d604b85729703426b2c342b6b408ad9c72..57fc1a0ab7f85ead1aef5e6d36f3e11f5823e632 100644 |
--- a/components/dom_distiller/core/css/distilledpage.css |
+++ b/components/dom_distiller/core/css/distilledpage.css |
@@ -77,7 +77,12 @@ th { |
html { |
font-size: 14px; |
- height: 100%; |
+} |
+ |
+@media screen { |
+ html { |
+ height: 100%; |
+ } |
} |
body { |
@@ -259,6 +264,9 @@ h6 { |
#closeReaderView { |
display: none; |
} |
+ #feedbackContainer { |
+ display: none; |
+ } |
/* Remove backgrounds and custom colors. */ |
.light, .dark, .sepia { |
@@ -280,10 +288,15 @@ h6 { |
#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%; |
@@ -369,7 +382,7 @@ pre { |
white-space: pre-wrap; |
} |
-.hidden { |
+body .hidden { |
display: none; |
} |
@@ -383,19 +396,14 @@ pre { |
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%; |
} |