MD History: show and hide search spinner and icon the same way

ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html

Index: ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html
diff --git a/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html b/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html
index b187aff2c54c004d65cf0a3fd7ad31eb878595c8..0b3a7d8b41018bae33e768a50b1b3ce7dd954661 100644
--- a/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html
+++ b/ui/webui/resources/cr_elements/cr_toolbar/cr_toolbar_search_field.html
@@ -31,6 +31,10 @@
 
       #icon {
         --paper-icon-button-ink-color: white;
+      }
+
+      #icon,
+      paper-spinner-lite {
         transition: opacity 150ms;

[Dan Beam, 2016/06/16 23:25:35]

#icon's visibility change was effectively taking 150ms, whereas the spinner was
immediate

       }
 
@@ -42,11 +46,16 @@
         --paper-spinner-color: white;
         height: 20px;
         margin: 0 6px;
+        opacity: 0;
         padding: 6px;
         position: absolute;
         width: 20px;
       }
 
+      paper-spinner-lite[active] {
+        opacity: 1;
+      }
+
       paper-input-container {
         --paper-input-container-input-color: white;
         --paper-input-container-underline: {