chrome://downloads: Fix a regression by RTL-aware input[type=search].

chrome/browser/resources/md_downloads/vulcanized.html

Index: chrome/browser/resources/md_downloads/vulcanized.html
diff --git a/chrome/browser/resources/md_downloads/vulcanized.html b/chrome/browser/resources/md_downloads/vulcanized.html
index 97576539de245f72a02ff798d42a861c6bd17b16..ec7d87a352b402349958c48187260cf13d19a898 100644
--- a/chrome/browser/resources/md_downloads/vulcanized.html
+++ b/chrome/browser/resources/md_downloads/vulcanized.html
@@ -2456,8 +2456,11 @@ paper-input-container {
 }
 
 #searchTerm input[type='search']::-webkit-search-cancel-button {
-  display: block;
-  width: 20px;
+  display: none;
+}
+
+#searchTerm input[type='search'] {
+  padding-right: 20px;

[Dan Beam, 2016/08/10 18:00:39]

can we just use -webkit-padding-start?

[tkent, 2016/08/12 08:30:47]

No.  Did you mean -webkit-padding-end?
Anyway, logical paddings don't work. ::-webkit-search-cancel-button already
secured space at 'end' position.  The problem is that the direction of the
search input and the direction of other elements are mismatched.

 }
 
 paper-icon-button {
@@ -2490,6 +2493,11 @@ paper-icon-button {
   right: auto;
 }
 
+:host-context([dir='rtl']) #searchTerm input[type='search'] {
+  padding-left: 20px;
+  padding-right: 0;
+}
+
 </style>
     <paper-icon-button icon="cr:search" id="searchButton" disabled$="[[showingSearch]]" title="[[label]]" on-tap="toggleShowingSearch_"></paper-icon-button>
     <paper-input-container id="searchTerm" on-search="onSearchTermSearch" on-keydown="onSearchTermKeydown" hidden$="[[!showingSearch]]" no-label-float="">
@@ -2789,4 +2797,4 @@ paper-button {
   <command id="find-command" shortcut="Ctrl|f"></command>
 </if>
   <link rel="import" href="chrome://resources/html/polymer.html">
-  <script src="crisper.js"></script></body></html>
+  <script src="crisper.js"></script></body></html>