Update import details panel to comply (mostly) with UX direction.

ui/file_manager/file_manager/main.html

Index: ui/file_manager/file_manager/main.html
diff --git a/ui/file_manager/file_manager/main.html b/ui/file_manager/file_manager/main.html
index 30ba211cc4e8c1f72dd00a911b43b31b2a06feda..ebe3a62f19c155d380f94a189db2c36f29091aa2 100644
--- a/ui/file_manager/file_manager/main.html
+++ b/ui/file_manager/file_manager/main.html
@@ -28,6 +28,7 @@
 
     <link rel="import" href="chrome://resources/polymer/core-icon/core-icon.html">
     <link rel="import" href="chrome://resources/polymer/core-icons/core-icons.html">
+    <link rel="import" href="chrome://resources/polymer/core-icons/image-icons.html">
     <link rel="import" href="chrome://resources/polymer/core-icons/social-icons.html">
     <link rel="import" href="chrome://resources/polymer/core-input/core-input.html">
     <link rel="import" href="chrome://resources/polymer/paper-button/paper-button.html">
@@ -345,15 +346,16 @@
       <button id="cloud-import-button"
               class="icon-button manual-display"
               tabindex="11"
-              i18n-values="aria-label:CLOUD_IMPORT_BUTTON_LABEL"
-              style='display: none;'>
+              i18n-values="aria-label:CLOUD_IMPORT_COMMAND"
+              hidden='true'>

[fukino, 2015/02/13 05:30:49]

hidden> should be sufficient.

         <core-icon icon="cloud-queue"></core-icon>
         <paper-ripple fit></paper-ripple>
       </button>
       <button id="cloud-import-details-button"
               class="icon-button manual-display"
               tabindex="12"
-              style='display: none;'>
+              i18n-values="aria-label:CLOUD_IMPORT_SHOW_DETAILS"
+              hidden='true'>

[fukino, 2015/02/13 05:30:49]

ditto

         <core-icon icon="arrow-drop-down"></core-icon>
         <paper-ripple fit></paper-ripple>
       </button>
@@ -369,26 +371,20 @@
       </button>
     </div>
 
-    <div id="cloud-import-details" class="offscreen">
-      <h1>Backup to Drive</h1>
-
-      <div id='#open-destination'>
-        <core-icon class="icon volume-icon" volume-type-icon="drive">
-        </core-icon> My Photos
-      </div>
-
-      <div class="detail">
-        New photos: <span class="photo-count">0</span>
-      </div>
-      <div class="detail">
-        Space required: <span class="space-required">0</span>
+    <div id="cloud-import-details" class="hidden">
+      <div class="banner">
+        <div class="title" i18n-content="CLOUD_IMPORT_TITLE"></div>
+        <div class="description" i18n-content="CLOUD_IMPORT_DESCRIPTION"></div>
       </div>
-
-      <div class="media-strip">
-        <tt>// TODO(smckay)</tt>
+      <div class="main">
+        <div class="status">
+          <core-icon icon="cloud-queue"></core-icon>
+          <div class="content"></div>
+        </div>
+        <paper-button class="import">

[fukino, 2015/02/13 05:26:42]

tabindex="-1" for this paper-button will fix the browser tests.
After Ctrl+F => Tab, this invisible button has focus and it breaks the test.

+          <span i18n-content="CLOUD_IMPORT_COMMAND"></span>
+        </paper-button>
       </div>
-
-      <div class="import">Import!</div>
     </div>
 
     <div class="dialog-container">