From 8f74ccdb48df27def3a086aa44f41059e6e82082 Mon Sep 17 00:00:00 2001
From: Danny Coates <dannycoates@gmail.com>
Date: Fri, 1 Mar 2019 14:12:23 -0800
Subject: [PATCH] a few style tweaks

---
 app/controller.js          | 3 ++-
 app/ui/download.js         | 4 +---
 app/ui/downloadPassword.js | 4 +---
 app/ui/signupDialog.js     | 9 ++++++---
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/controller.js b/app/controller.js
index ac12da29..cd67e97a 100644
--- a/app/controller.js
+++ b/app/controller.js
@@ -269,7 +269,7 @@ export default function(state, emitter) {
 
   setInterval(() => {
     // poll for updates of the upload list
-    if (state.route === '/') {
+    if (!state.modal && state.route === '/') {
       checkFiles();
     }
   }, 2 * 60 * 1000);
@@ -277,6 +277,7 @@ export default function(state, emitter) {
   setInterval(() => {
     // poll for rerendering the file list countdown timers
     if (
+      !state.modal &&
       state.route === '/' &&
       state.storage.files.length > 0 &&
       Date.now() - lastRender > 30000
diff --git a/app/ui/download.js b/app/ui/download.js
index b5d8c060..983acf8f 100644
--- a/app/ui/download.js
+++ b/app/ui/download.js
@@ -37,9 +37,7 @@ function preview(state, emit) {
       class="flex flex-col w-full max-w-md h-full mx-auto items-center justify-center"
     >
       <h1 class="mb-4">${state.translate('downloadFilesTitle')}</h1>
-      <p
-        class="w-full md:w-4/5 font-light text-grey-darkest text-center leading-normal"
-      >
+      <p class="w-full text-grey-darkest text-center leading-normal">
         ${state.translate('downloadMessage')}
       </p>
       ${archiveTile.preview(state, emit)}
diff --git a/app/ui/downloadPassword.js b/app/ui/downloadPassword.js
index 795d2662..a505bf11 100644
--- a/app/ui/downloadPassword.js
+++ b/app/ui/downloadPassword.js
@@ -9,9 +9,7 @@ module.exports = function(state, emit) {
       class="h-full w-full flex flex-col items-center justify-center bg-white py-8 max-w-md mx-auto"
     >
       <h1 class="mb-4">${state.translate('downloadFilesTitle')}</h1>
-      <p
-        class="w-full mb-4 md:w-4/5 font-light text-center text-grey-darkest leading-normal"
-      >
+      <p class="w-full mb-4 text-center text-grey-darkest leading-normal">
         ${state.translate('downloadMessage')}
       </p>
       <form
diff --git a/app/ui/signupDialog.js b/app/ui/signupDialog.js
index 5f5bff22..b9ca50e5 100644
--- a/app/ui/signupDialog.js
+++ b/app/ui/signupDialog.js
@@ -12,10 +12,13 @@ module.exports = function(trigger) {
       <send-signup-dialog
         class="flex flex-col md:flex-row justify-center px-8 md:px-24 w-full h-full"
       >
-        <img src="${assets.get('firefox_logo-only.svg')}" class="h-16 mb-4" />
+        <img
+          src="${assets.get('firefox_logo-only.svg')}"
+          class="h-16 mt-1 mb-4"
+        />
         <section class="flex flex-col flex-no-shrink self-center mx-6 max-w-xs">
           <h1 class="font-bold">${state.translate('accountBenefitTitle')}</h1>
-          <ul class="leading-normal text-grey-darkest my-2 mb-8 mt-4 pl-4">
+          <ul class="leading-normal text-grey-darkest my-2 mt-4 pl-4">
             <li>
               ${state.translate('accountBenefitLargeFiles', {
                 size: bytes(state.LIMITS.MAX_FILE_SIZE)
@@ -28,7 +31,7 @@ module.exports = function(trigger) {
             <li>${state.translate('accountBenefitSync')}</li>
           </ul>
         </section>
-        <section class="flex flex-col flex-grow m-4">
+        <section class="flex flex-col flex-grow self-center m-4 max-w-xs">
           <form onsubmit=${submitEmail} data-no-csrf>
             <input
               id="email-input"