fix FileItem source icon position and copy

src/plugins/Dashboard/FileItem.js

@@ -86,14 +86,12 @@ module.exports = function fileItem (props) {
         }
       </h4>
       <div class="UppyDashboardItem-status">
-        <div class="UppyDashboardItem-statusSize">${file.data.size ? prettyBytes(file.data.size) : ''}</div>
-        ${file.source
-          ? html`<div class="UppyDashboardItem-sourceIcon">
+        ${file.data.size && html`<div class="UppyDashboardItem-statusSize">${prettyBytes(file.data.size)}</div>`}
+        ${file.source && html`<div class="UppyDashboardItem-sourceIcon">
             ${acquirers.map(acquirer => {
-              if (acquirer.id === file.source) return html`<span title="${acquirer.name}">${acquirer.icon()}</span>`
+              if (acquirer.id === file.source) return html`<span title="${props.i18n('fileSource')}: ${acquirer.name}">${acquirer.icon()}</span>`
             })}
           </div>`
-          : ''
         }
       </div>
       ${!uploadInProgressOrComplete

src/plugins/Dashboard/index.js

@@ -28,6 +28,7 @@ module.exports = class DashboardUI extends Plugin {
         dashboardTitle: 'Uppy Dashboard',
         copyLinkToClipboardSuccess: 'Link copied to clipboard.',
         copyLinkToClipboardFallback: 'Copy the URL below',
+        fileSource: 'File source',
         done: 'Done',
         localDisk: 'Local Disk',
         myDevice: 'My Device',

src/scss/_dashboard.scss

@@ -474,9 +474,8 @@
 }
 
 .UppyDashboardItem-sourceIcon {
-  // color: rgba($color-white, 0.95);
-  position: relative;
-  left: 3px;
+  // position: relative;
+  // left: 3px;
   display: inline-block;
   vertical-align: middle;
   width: 7px;
@@ -605,8 +604,9 @@
 
 .UppyDashboardItem-statusSize {
   display: inline-block;
-  vertical-align: middle;
+  vertical-align: bottom;
   text-transform: uppercase;
+  margin-right: 3px;
 }
 
 .UppyDashboardItem-edit,