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

ui/webui/resources/css/cr/ui/search_field.css

Index: ui/webui/resources/css/cr/ui/search_field.css
diff --git a/ui/webui/resources/css/cr/ui/search_field.css b/ui/webui/resources/css/cr/ui/search_field.css
new file mode 100644
index 0000000000000000000000000000000000000000..c200cf79d7b5b2059fed02c2f93ff987aa17dba1
--- /dev/null
+++ b/ui/webui/resources/css/cr/ui/search_field.css
@@ -0,0 +1,65 @@
+#search-term {
+  color: rgb(192, 199, 205);
+}
+
+:host {
+  -webkit-padding-end: 10px;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: flex-end;
+}
+
+:host paper-input-container {
+  margin-top: 2px;
+  max-width: 200px;
+  padding: 2px 0;
+  width: 100%;
+}
+
+#search-term {
+  --paper-input-container-color: rgb(192, 199, 205);
+  --paper-input-container-focus-color: rgb(192, 199, 205);
+  --paper-input-container-input: {
+    color: inherit;
+    font-family: inherit;
+    font-size: inherit;
+  };
+  --paper-input-container-input-color: rgb(192, 199, 205);
+  z-index: 0;
+}
+
+#search-term input[type='search']::-webkit-search-decoration,

[Dan Beam, 2015/09/14 19:22:05]

you should rebase, I changed this recently

[Devlin, 2015/09/14 21:47:18]

Done.

+#search-term input[type='search']::-webkit-search-cancel-button,
+#search-term input[type='search']::-webkit-search-results-button {
+  -webkit-appearance: none;
+}
+
+paper-icon-button {
+  --iron-icon-height: 20px;
+  --iron-icon-width: 20px;
+  --paper-icon-button: {
+    height: 20px;
+    padding: 6px;
+    width: 20px;
+  };
+}
+
+#search-term paper-icon-button {
+  --iron-icon-height: 16px;
+  --iron-icon-width: 16px;
+  --paper-icon-button: {
+    -webkit-margin-end: -8px;
+    height: 16px;
+    padding: 8px;
+    width: 16px;
+  };
+  position: absolute;
+  right: 0;
+  top: -4px;
+  z-index: 1;
+}
+
+:host-context([dir='rtl']) #search-term paper-icon-button {
+  left: 0;
+  right: auto;
+}