MD WebUI: Fix misaligned spinner in narrow-mode cr-toolbar

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 fd403a039a9f24f95038c96a33b3ed123e56bdbd..3af07c0da2a718af9190b8eb93f175b3ca3d8135 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
@@ -112,11 +112,15 @@
        * opening/closing. -webkit-margin-start is not animatable, so we have to
        * use regular margin-left/right instead.
        */
-      :host-context([dir=ltr]):host([narrow][showing-search]) #icon {
+      :host-context([dir=ltr]):host([narrow][showing-search]) #icon,
+      :host-context([dir=ltr]):host([narrow][showing-search]) paper-spinner-lite
+      {

[Dan Beam, 2016/08/23 23:16:05]

wrap it

[tsergeant, 2016/08/23 23:22:19]

Do you mean like:

:host-context([dir=ltr]):host([narrow][showing-search])
    paper-spinner-lite {

[Dan Beam, 2016/08/23 23:36:43]

quit horsin' around[1], and just use -webkit-margin-start + transition: margin
like this https://jsfiddle.net/tg8q8Ltf/

[1] https://www.youtube.com/watch?v=a1d1S58P0nc

[tsergeant, 2016/08/23 23:51:32]

[grasping at straws]

is that Character Actress Margin Margindale?

(Done)

         margin-left: 18px;
       }
 
-      :host-context([dir=rtl]):host([narrow][showing-search]) #icon {
+      :host-context([dir=rtl]):host([narrow][showing-search]) #icon,
+      :host-context([dir=rtl]):host([narrow][showing-search]) paper-spinner-lite
+      {
         margin-right: 18px;
       }
     </style>