Move cloud import button to toolbar, make material designey.

ui/file_manager/file_manager/foreground/css/file_manager.css

Index: ui/file_manager/file_manager/foreground/css/file_manager.css
diff --git a/ui/file_manager/file_manager/foreground/css/file_manager.css b/ui/file_manager/file_manager/foreground/css/file_manager.css
index 7148fb798d9bf216da3a511277e2d706f0afddb6..6e67081c0ff8788de1bc62b18f3ff623bc4f20ef 100644
--- a/ui/file_manager/file_manager/foreground/css/file_manager.css
+++ b/ui/file_manager/file_manager/foreground/css/file_manager.css
@@ -322,7 +322,8 @@ div.splitter {
   padding: 8px;
 }
 
-#gear-button {
+#gear-button,
+#cloud-import-button {
   -webkit-app-region: no-drag;
   -webkit-margin-end: 10px;
   background-color: transparent;
@@ -339,7 +340,8 @@ div.splitter {
   width: 32px;
 }
 
-#gear-button > core-icon {
+#gear-button > core-icon,
+#cloud-import-button > core-icon {
   margin: 8px;
 }
 
@@ -1153,20 +1155,6 @@ li[renaming=''] .filename-label {
   flex: auto;
 }
 
-button#cloud-import-button {
-  padding-left: 24px;
-  background: -webkit-image-set(
-      url(../images/files/ui/drive_badge.png) 1x,
-      url(../images/files/ui/2x/drive_badge.png) 2x) no-repeat 3px 2px;
-
-  /**
-   * Note that this is overriding a "5 fill" value on hover as a way of
-   * avoiding the fill command causing the background to be covered
-   * by the slice.
-   */
-  border-image-slice: 5;
-}
-
 /* The selection summary text at the bottom of the preview pane. */
 .preview-summary {
   color: #666;