[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 55%
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..cd28d1ff9da923b25bb83fb8d550dd6e8a83eb14 100644
--- a/chrome/browser/resources/md_downloads/toolbar.css
+++ b/ui/webui/resources/cr_elements/v1_0/cr_search_field/cr_search_field.css
@@ -3,55 +3,13 @@
  * 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);
-}
-
-#search {
   -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;
@@ -67,6 +25,7 @@
     font-size: inherit;
   };
   --paper-input-container-input-color: rgb(192, 199, 205);
+  color: rgb(192, 199, 205);
   z-index: 0;
 }
 
@@ -110,35 +69,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;
-  }
-}