downloads/bookmarks: combine header CSS between downloads and bookmarks.

chrome/browser/resources/bookmark_manager/css/bmm.css

 /* Copyright (c) 2012 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. */
 
+<include src="../search_header.css">
+
 html,
 body {
   cursor: default;
   height: 100%;
   margin: 0;
   overflow: hidden;
   width: 100%;
 }
 
 body {
@@ skipping 227 matching lines @@
   -webkit-border-end: 15px solid white;
   -webkit-border-start: 0;
   background-color: rgb(235, 239, 249);
   cursor: e-resize;
   width: 5px;
 <if expr="is_macosx">
   cursor: col-resize;
 </if>
 }
 
-header {
-  align-items: center;
-  display: flex;
-  min-width: 400px;
-  padding: 0 12px;
-}
-
-header h2 {
-  flex: 1;
-  font-weight: normal;
-  line-height: 1;  /* TODO(dbeam): include chrome_shared.css on this page. */
-}
-
-header form {
-  flex: none;
-}
-
 .tree-row.drag-on,
 .drag-on {
   background-color: hsla(214, 91%, 85%, .5);
   border: 1px solid hsl(214, 91%, 85%);
   border-radius: 3px;
   box-sizing: border-box;
 }
 
 .drag-above::before,
 .drag-below::after {
@@ skipping 24 matching lines @@
 list.drag-above::before {
   top: 0
 }
 
 list > .drag-below,
 list > .drag-above {
   overflow : visible;
 }
 
 .summary {
-  background-color: rgb(235, 239, 249);
-  border-top: 1px solid rgb(156, 194, 239);
-  clear: both;
-  padding: 5px 10px;
   white-space: nowrap;

[benjhayden, 2014/08/22 23:50:10]

Why not share both nowrap and flex in search_header.css?

[Dan Beam, 2014/08/25 15:54:15]

.summary {
  white-space: nowrap;
}

only applies to bookmarks and

.summary {
  display: flex;
}

.summary > * {
  flex: {1, none};
}

only applies to downloads.

 }
 
 .summary > * {
   display: inline-block;
   font-size: 100%;
   margin: 0;
 }
 
 .summary button {
   -webkit-appearance: none;
@@ skipping 22 matching lines @@
 
   list [editing] input,
   .tree-item [editing] input {
     padding: 3px 0;
   }
 
   .tree-row .expand-icon {
     top: 6px;
   }
 }