From 2fd72096ae2f4e535ff8f06bf227c8d80d31df67 Mon Sep 17 00:00:00 2001
From: Danny Coates <dannycoates@gmail.com>
Date: Fri, 22 Feb 2019 12:42:10 -0800
Subject: [PATCH] download page style updates

---
 app/ui/download.js            | 7 +++++--
 app/ui/signupDialog.js        | 4 +++-
 public/locales/en-US/send.ftl | 8 +++++---
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/app/ui/download.js b/app/ui/download.js
index c9509a00..ca97addc 100644
--- a/app/ui/download.js
+++ b/app/ui/download.js
@@ -13,6 +13,9 @@ function password(state, emit) {
       class="h-full w-full flex flex-col items-center justify-center bg-white py-8"
     >
       <h1 class="mb-4">${state.translate('downloadFilesTitle')}</h1>
+      <p class="w-full mb-4 md:w-4/5 font-light text-center">
+        ${state.translate('downloadMessage')}
+      </p>
       <form
         class="flex flex-row flex-no-wrap w-full md:w-4/5"
         onsubmit="${checkPassword}"
@@ -137,9 +140,9 @@ module.exports = function(state, emit) {
         break;
       default:
         content = html`
-          <div class="flex flex-col w-full h-full items-center mt-12">
+          <div class="flex flex-col w-full h-full items-center justify-center">
             <h1 class="mb-4">${state.translate('downloadFilesTitle')}</h1>
-            <p class="w-full md:w-4/5 pb-4 mb-4 text-center">
+            <p class="w-full md:w-4/5 font-light text-center">
               ${state.translate('downloadMessage')}
             </p>
             ${archiveTile.preview(state, emit)}
diff --git a/app/ui/signupDialog.js b/app/ui/signupDialog.js
index a0ea4802..56832d7a 100644
--- a/app/ui/signupDialog.js
+++ b/app/ui/signupDialog.js
@@ -3,6 +3,8 @@ const html = require('choo/html');
 const { bytes, platform } = require('../utils');
 const { canceledSignup, submittedSignup } = require('../metrics');
 
+const DAYS = Math.floor(LIMITS.MAX_EXPIRE_SECONDS / 86400);
+
 module.exports = function(trigger) {
   return function(state, emit, close) {
     const hidden = platform() === 'android' ? 'hidden' : '';
@@ -15,7 +17,7 @@ module.exports = function(trigger) {
           size: bytes(LIMITS.MAX_FILE_SIZE)
         })}</li>
         <li>${state.translate('accountBenefitExpiry')}</li>
-        <li>${state.translate('accountBenefitExpiryTwo')}</li>
+        <li>${state.translate('accountBenefitExpiryTwo', { count: DAYS })}</li>
         <li>${state.translate('accountBenefitSync')}</li>
       </ul>
       <form
diff --git a/public/locales/en-US/send.ftl b/public/locales/en-US/send.ftl
index 3e7909cc..0aee7ae9 100644
--- a/public/locales/en-US/send.ftl
+++ b/public/locales/en-US/send.ftl
@@ -162,16 +162,18 @@ downloadProgressButton = Downloading... { $progress }
 downloadMessage2 = Firefox Send lets you share files with a safe, private, and encrypted link that automatically expires to ensure your stuff does not remain online forever.
 signInEmailEnter = Enter your Email
 emailEntryPlaceholder = Enter your email
-signInSizeBump = Sign in to send up to {$size}
+signInSizeBump = Sign in to send up to { $size }
 signInContinueMessage = to continue to Firefox Send
 signInContinueButton = Continue
 signInMenuOption = Sign in/up
 signInNextOption = Continue
 accountMenuOption = Firefox Account
 accountBenefitTitle = Create a Firefox Account or sign in to:
-accountBenefitLargeFiles = Share files up to { $size}
+accountBenefitLargeFiles = Share files up to { $size }
 accountBenefitExpiry = Share files with more people
-accountBenefitExpiryTwo = Keep links active for up to { days } days
+accountBenefitExpiryTwo = { $count ->
+    *[other] Keep links active for up to { $count } days
+}
 accountBenefitSync = Manage shared files from any device
 manageAccount = Manage Account
 logOut = Sign Out