QA bug fixes

app/templates/file.js

@@ -4,7 +4,7 @@ const assets = require('../../common/assets');
 function timeLeft(milliseconds) {
   const minutes = Math.floor(milliseconds / 1000 / 60);
   const hours = Math.floor(minutes / 60);
-  const seconds = Math.floor(milliseconds / 1000 % 60);
+  const seconds = Math.floor((milliseconds / 1000) % 60);
   if (hours >= 1) {
     return `${hours}h ${minutes % 60}m`;
   } else if (hours === 0) {

app/templates/preview.js

@@ -40,11 +40,16 @@ module.exports = function(state, emit) {
           state.translate('downloadFileSize', { size })}</span>
         </div>
         <div class="description">${state.translate('downloadMessage')}</div>
-        <img src="${assets.get(
-          'illustration_download.svg'
-        )}" id="download-img" alt="${state.translate('downloadAltText')}"/>
+        <img
+          src="${assets.get('illustration_download.svg')}"
+          id="download-img"
+          alt="${state.translate('downloadAltText')}"/>
         <div>
-          <button id="download-btn" class="btn" onclick=${download}>${state.translate(
+          <button
+            id="download-btn"
+            class="btn"
+            title="${state.translate('downloadButtonLabel')}"
+            onclick=${download}>${state.translate(
     'downloadButtonLabel'
   )}</button>
         </div>

app/templates/share.js

@@ -17,13 +17,13 @@ module.exports = function(state, emit) {
       })}</div>
       <div id="copy">
         <input id="link" type="url" value="${file.url}" readonly="true"/>
-        <button id="copy-btn" class="btn" onclick=${copyLink}>${state.translate(
-    'copyUrlFormButton'
-  )}</button>
+        <button id="copy-btn" class="btn" title="${state.translate(
+          'copyUrlFormButton'
+        )}" onclick=${copyLink}>${state.translate('copyUrlFormButton')}</button>
       </div>
-      <button id="delete-file" class="btn" onclick=${deleteFile}>${state.translate(
-    'deleteFileButton'
-  )}</button>
+      <button id="delete-file" class="btn" title="${state.translate(
+        'deleteFileButton'
+      )}" onclick=${deleteFile}>${state.translate('deleteFileButton')}</button>
       <a class="send-new" data-state="completed" href="/" onclick=${sendNew}>${state.translate(
     'sendAnotherFileLink'
   )}</a>

app/templates/upload.js

@@ -21,9 +21,9 @@ module.exports = function(state, emit) {
         transfer.msg,
         transfer.sizes
       )}</div>
-      <button id="cancel-upload" onclick=${cancel}>${state.translate(
-    'uploadingPageCancel'
-  )}</button>
+      <button id="cancel-upload" title="${state.translate(
+        'uploadingPageCancel'
+      )}" onclick=${cancel}>${state.translate('uploadingPageCancel')}</button>
     </div>
   </div>
   `;

app/templates/welcome.js

@@ -24,9 +24,9 @@ module.exports = function(state, emit) {
       )}</em></span>
       <form method="post" action="upload" enctype="multipart/form-data">
         <label for="file-upload" id="browse" class="${state.config
-          .uploadButtonStyle}">${state.translate(
+          .uploadButtonStyle}" title="${state.translate(
     'uploadPageBrowseButton1'
-  )}</label>
+  )}">${state.translate('uploadPageBrowseButton1')}</label>
         <input id="file-upload" type="file" name="fileUploaded" onchange=${upload} />
       </form>
     </div>