MD WebUI (History, Settings, Downloads): autofocus big search box

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 a16b2c99b0b14c2d26eae0677c4b9ba1c8a3ceb3..373760da5fe714facaee18e91a5ef9be701df61a 100644
--- a/chrome/browser/resources/md_downloads/vulcanized.html
+++ b/chrome/browser/resources/md_downloads/vulcanized.html
@@ -2854,17 +2854,10 @@ paper-button {
         width: 100%;
       }
 
-      /*
-       * Margin needs to be animated to prevent jumping around during
-       * 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 {
-        margin-left: 18px;
-      }
-
-      :host-context([dir=rtl]):host([narrow][showing-search]) #icon {
-        margin-right: 18px;
+      :host-context([dir=ltr]):host([narrow][showing-search]) #icon,
+      :host-context([dir=ltr]):host([narrow][showing-search])
+          paper-spinner-lite {
+        -webkit-margin-start: 18px;
       }
     </style>
     <paper-spinner-lite active="[[isSpinnerShown_(spinnerActive, showingSearch)]]">
@@ -2873,7 +2866,7 @@ paper-button {
     </paper-icon-button>
     <paper-input-container id="searchTerm" on-search="onSearchTermSearch" on-keydown="onSearchTermKeydown" no-label-float="">
       <label id="prompt" for="searchInput">[[label]]</label>
-      <input is="iron-input" id="searchInput" type="search" on-blur="onInputBlur_" incremental="">
+      <input is="iron-input" id="searchInput" type="search" on-blur="onInputBlur_" incremental="" autofocus="">
     </paper-input-container>
     <paper-icon-button icon="cr:cancel" id="clearSearch" title="[[clearLabel]]" hidden$="[[!hasSearchText_]]" on-tap="hideSearch_">
     </paper-icon-button>