Settings WebUI: force search icon in settings search to be LTR

Fixed: 1057032
Change-Id: I594e390ec47d17fed42cb8a374f4d58917addc62
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2079688
Auto-Submit: Esmael Elmoslimany <aee@chromium.org>
Reviewed-by: Tibor Goldschwendt <tiborg@chromium.org>
Commit-Queue: Esmael Elmoslimany <aee@chromium.org>
Cr-Commit-Position: refs/heads/master@{#745576}

ui/webui/resources/cr_elements/cr_icon_button/cr_icon_button.html

@@ -45,7 +45,7 @@
         --cr-icon-button-margin-start: 0;
       }
 
-      :host-context([dir=rtl]) {
+      :host-context([dir=rtl]):host(:not([dir=ltr])) {
         transform: scaleX(-1);  /* Invert X: flip on the Y axis (aka mirror). */
       }
 

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

@@ -165,7 +165,7 @@
       <paper-spinner-lite active="[[isSpinnerShown_]]">
       </paper-spinner-lite>
     </template>
-    <cr-icon-button id="icon" iron-icon="cr:search" title="[[label]]"
+    <cr-icon-button id="icon" iron-icon="cr:search" title="[[label]]" dir="ltr"
         tabindex$="[[computeIconTabIndex_(narrow, hasSearchText)]]"
         aria-hidden$="[[computeIconAriaHidden_(narrow, hasSearchText)]]">
     </cr-icon-button>