HTML exit reader view button

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 63 matching lines @@
 /* Base typography. */
 
 html {
   font-size: 14px;
   height: 100%;
 }
 
 body {
   height: 100%;
   line-height: 1.4;
+  margin: 0px auto;
   text-rendering: optimizeLegibility;
   transition-property: color, background-color;
   transition-duration: 0.5s;
   transition-timing-function: ease;
   overflow-x: hidden;
   -webkit-overflow-scrolling: touch;
 }
 
 /* Classes for light, dark and sepia themes.
  * Must agree with classes returned by useTheme() in dom_distiller_viewer.js
@@ skipping 55 matching lines @@
 h5,
 h6 {
   line-height: 1.296;
   margin-bottom: 0.444rem;
 }
 
 /* Content. */
 
 /* Margins for Show Original link. */
 
-#showOriginal {
-  margin: auto 1.296rem 1.296rem 5%;
+#closeReaderView {
+  background-color: #FFFFFF;
+  border-top: 1px solid #E0E0E0;
+  color: #4285F4;
+  flex: 0 0 auto;
+  font-family: 'Roboto-Medium', 'Open Sans', sans-serif;
+  font-weight: 700;
+  line-height: 14px;
+  margin-top: 24px;
+  padding: 24px 16px;
+  font-size: 14px;
+  text-align: right;
+  text-decoration: none;
+  text-transform: uppercase;
+  width: 100%;
 }
 
 #content {
   margin: 0.2rem 2.2%;
 }
 
-/* Main margins. */
-
-body {
+#mainContent {
+  flex: 1 1 auto;
+  margin: 0px auto;
   max-width: 800px;
-  margin: 0px auto 0px auto;
-}
-
-#mainContent {
-  margin: auto 0px;
+  width: 100%;
 }
 
 #articleHeader {
   background-color: rgb(73, 73, 73);
   color: white;
   min-height: 90px;
   width: 100%;
 }
 
 #titleCollapse  {
@@ skipping 130 matching lines @@
   overflow-x: scroll;
   padding: .5em;
 }
 
 .hidden {
   display: none;
 }
 
 /* Footer feedback form. */
 #contentWrap {
+  display: flex;
+  flex-flow: column;
   min-height: 100%;
   overflow: auto;
-  padding-bottom: 120px;
   position: relative;
   z-index: 1;
 }
 
 #feedbackContainer {
   font-size: 14px;
   position: relative;
   z-index: 2;
 }
 
@@ skipping 478 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);
 }