[MD Extensions] Move search field out of downloads, use it in extensions

ui/webui/resources/cr_elements/v1_0/cr_search_field/cr_search_field.css

Index: ui/webui/resources/cr_elements/v1_0/cr_search_field/cr_search_field.css
diff --git a/chrome/browser/resources/md_downloads/toolbar.css b/ui/webui/resources/cr_elements/v1_0/cr_search_field/cr_search_field.css
similarity index 50%
copy from chrome/browser/resources/md_downloads/toolbar.css
copy to ui/webui/resources/cr_elements/v1_0/cr_search_field/cr_search_field.css
index 3613c8678595f98151856b6f35cf041101b01521..72a7d1f7e13a2dc5501b8ed3fb8494cd97b3e75e 100644
--- a/chrome/browser/resources/md_downloads/toolbar.css
+++ b/ui/webui/resources/cr_elements/v1_0/cr_search_field/cr_search_field.css
@@ -1,57 +1,15 @@
-/* Copyright 2015 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. */
-
-:host {
-  align-items: center;
-  background: rgb(63, 85, 102);
-  color: white;
-  content-sizing: padding-box;
-  display: flex;
-  height: 56px;
-}
-
-#title,
-#search {
-  flex: 1 0 var(--downloads-side-column-basis);
-}
-
-#title h1 {
-  -webkit-margin-end: 0;
-  -webkit-margin-start: 24px;
-  font-size: 107.7%;
-  font-weight: normal;
-  margin-bottom: 0;
-  margin-top: 0;
-}
-
-#actions {
-  display: flex;
-  flex: none;
-  width: var(--downloads-item-width);
-}
-
-:host(:not([downloads-showing])) #actions {
-  justify-content: center;
-}
-
-#actions paper-button {
-  -webkit-margin-end: 8px;
-}
-
-#actions,
 #search-term {
   color: rgb(192, 199, 205);

[Dan Beam, 2015/09/14 23:16:06]

combine with rule on L19?

[Devlin, 2015/09/15 17:24:06]

Done.

 }
 
-#search {
+:host {
   -webkit-padding-end: 10px;
   box-sizing: border-box;
   display: flex;
   justify-content: flex-end;
 }
 
-#search paper-input-container {
+:host paper-input-container {
   margin-top: 2px;
   max-width: 200px;
   padding: 2px 0;
@@ -110,35 +68,3 @@ paper-icon-button {
   left: 0;
   right: auto;
 }
-
-#more {
-  --paper-menu-button: {
-    padding: 0;
-  };
-  -webkit-margin-start: 16px;
-}
-
-paper-item {
-  -webkit-user-select: none;
-  cursor: pointer;
-  font: inherit;
-  min-height: 40px;
-}
-
-paper-item:hover {
-  background: #eaeaea;  /* TODO(dbeam): real color? */
-}
-
-@media not all and (max-width: 1024px) {
-  /* Hide vertical dot menu when there's enough room for #actions. */
-  paper-menu-button {
-    display: none;
-  }
-}
-
-@media all and (max-width: 1024px) {
-  /* Hide #actions for narrow windows; they're shown in a vertical dot menu. */
-  #actions {
-    display: none;
-  }
-}