Make the search box smaller when inactive and grow when focused.

BUG=137999
TEST=The search box grows smoothly when focused.

Review URL: https://chromiumcodereview.appspot.com/10834029

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@148551 0039d316-1c4b-4281-b951-d872f2087c98

chrome/browser/resources/file_manager/css/file_manager.css

@@ -451,6 +451,7 @@ div.root-eject:hover {
 }
 
 #search-box {
+  -webkit-transition: width 600ms;
   background: -webkit-image-set(
     url('../images/files/ui/icon_search.png') 1x,
     url('../images/files/ui/2x/icon_search.png') 2x);
@@ -460,6 +461,11 @@ div.root-eject:hover {
   height: 25px;
   margin-right: 10px;
   padding-left: 22px;
+  width: 150px;
+}
+
+#search-box:focus {
+  width: 240px;
 }
 
 #search-box,