MD History: Add responsive layout which hides the sidebar in thin windows

chrome/browser/resources/md_history/app.html

Index: chrome/browser/resources/md_history/app.html
diff --git a/chrome/browser/resources/md_history/app.html b/chrome/browser/resources/md_history/app.html
index 1ad236098996b7f8555b3f3f2a139249d40d4d9c..f10f9d462fe3e951476d2db69f0b2f46a1f79ffe 100644
--- a/chrome/browser/resources/md_history/app.html
+++ b/chrome/browser/resources/md_history/app.html
@@ -20,7 +20,6 @@
       :host {
         display: block;
         height: 100%;
-        min-width: 800px;
         overflow: hidden;
       }
 
@@ -38,10 +37,6 @@
       #content > * {
         height: 100%;
       }
-
-      #history-side-bar {
-        float: left;
-      }
     </style>
     <history-toolbar id="toolbar"
         spinner-active="[[shouldShowSpinner_(queryState_.querying,
@@ -55,8 +50,6 @@
     </history-toolbar>
 
     <div id="main-container">
-      <history-side-bar id="history-side-bar" selected-page="{{selectedPage_}}">
-      </history-side-bar>
       <iron-pages id="content" attr-for-selected="id"
           selected="[[getSelectedPage(selectedPage_, queryState_.range)]]">
         <history-list id="history-list" querying="[[queryState_.querying]]"
@@ -77,6 +70,9 @@
         </template>
       </iron-pages>
     </div>
+
+    <history-side-bar id="side-bar" selected-page="{{selectedPage_}}">
+    </history-side-bar>
   </template>
   <script src="chrome://history/app.js"></script>
 </dom-module>