From 11cbb4df23b6240c8993da41a82b180a16059c7a Mon Sep 17 00:00:00 2001
From: Danny Coates <dannycoates@gmail.com>
Date: Wed, 31 Jan 2018 16:26:59 -0800
Subject: [PATCH] refactored dl-file html

---
 app/pages/preview.js | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/app/pages/preview.js b/app/pages/preview.js
index a6aa1bbf..84e54f25 100644
--- a/app/pages/preview.js
+++ b/app/pages/preview.js
@@ -9,24 +9,24 @@ module.exports = function(state, pageAction) {
     ? state.translate('downloadFileSize', { size: bytes(fileInfo.size) })
     : '';
 
-  const name = fileInfo.name
+  const title = fileInfo.name
     ? state.translate('downloadFileName', { filename: fileInfo.name })
-    : '';
-  const title = html`
-    <span id="dl-file"
-      data-nonce="${fileInfo.nonce}"
-      data-requires-password="${fileInfo.requiresPassword}">${name}</span>`;
+    : state.translate('downloadFileTitle');
 
+  const info = html`
+    <div id="dl-file"
+      data-nonce="${fileInfo.nonce}"
+      data-requires-password="${fileInfo.requiresPassword}"></div>`;
   if (!pageAction) {
-    return title;
+    return info;
   }
   const div = html`
   <div id="page-one">
     <div id="download">
       <div id="download-page-one">
         <div class="title">
-          ${title}
-        <span id="dl-filesize">${' ' + size}</span>
+          <span>${title}</span>
+          <span id="dl-filesize">${' ' + size}</span>
         </div>
         <div class="description">${state.translate('downloadMessage')}</div>
         <img
@@ -37,6 +37,7 @@ module.exports = function(state, pageAction) {
       </div>
       <a class="send-new" href="/">${state.translate('sendYourFilesLink')}</a>
     </div>
+    ${info}
   </div>
   `;
   return div;