From ad77fc20c652212b550ea2280cbd19d6592c277f Mon Sep 17 00:00:00 2001
From: Danny Coates <dannycoates@gmail.com>
Date: Mon, 19 Feb 2018 14:29:13 -0800
Subject: [PATCH] fixed dnd after css changes

---
 app/base.css                                        | 8 ++++++++
 app/dragManager.js                                  | 4 +++-
 app/pages/welcome/welcome.css                       | 4 ----
 app/templates/downloadButton/downloadButton.css     | 4 ----
 app/templates/downloadPassword/downloadPassword.css | 5 ++++-
 app/templates/passwordInput/passwordInput.css       | 4 ----
 6 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/app/base.css b/app/base.css
index f4e2e061..52fbfafe 100644
--- a/app/base.css
+++ b/app/base.css
@@ -69,6 +69,10 @@ a {
   border-radius: 5px;
 }
 
+.btn:hover {
+  background-color: var(--primaryControlHoverColor);
+}
+
 .btn--cancel {
   color: var(--errorColor);
   background: var(--pageBGColor);
@@ -83,6 +87,10 @@ a {
   cursor: auto;
 }
 
+.btn--cancel:hover {
+  background-color: var(--pageBGColor);
+}
+
 .input {
   flex: 2 0 auto;
   border: 1px solid var(--primaryControlBGColor);
diff --git a/app/dragManager.js b/app/dragManager.js
index c8a02fcf..3d4d810e 100644
--- a/app/dragManager.js
+++ b/app/dragManager.js
@@ -11,7 +11,9 @@ export default function(state, emitter) {
     document.body.addEventListener('drop', event => {
       if (state.route === '/' && !state.uploading) {
         event.preventDefault();
-        document.querySelector('.upload-window').classList.remove('ondrag');
+        document
+          .querySelector('.uploadArea')
+          .classList.remove('uploadArea--dragging');
         const target = event.dataTransfer;
         if (target.files.length === 0) {
           return;
diff --git a/app/pages/welcome/welcome.css b/app/pages/welcome/welcome.css
index 298c1a3a..cefe3dfe 100644
--- a/app/pages/welcome/welcome.css
+++ b/app/pages/welcome/welcome.css
@@ -53,10 +53,6 @@
   padding: 0 10px;
 }
 
-.btn--file:hover {
-  background-color: var(--primaryControlHoverColor);
-}
-
 .inputFile {
   opacity: 0;
   overflow: hidden;
diff --git a/app/templates/downloadButton/downloadButton.css b/app/templates/downloadButton/downloadButton.css
index 834dc76f..265535ce 100644
--- a/app/templates/downloadButton/downloadButton.css
+++ b/app/templates/downloadButton/downloadButton.css
@@ -4,7 +4,3 @@
   margin-top: 20px;
   margin-bottom: 30px;
 }
-
-.btn--download:hover {
-  background-color: var(--primaryControlHoverColor);
-}
diff --git a/app/templates/downloadPassword/downloadPassword.css b/app/templates/downloadPassword/downloadPassword.css
index 345fd74d..dd67db2d 100644
--- a/app/templates/downloadPassword/downloadPassword.css
+++ b/app/templates/downloadPassword/downloadPassword.css
@@ -16,8 +16,11 @@
 }
 
 @media (max-device-width: 520px), (max-width: 520px) {
+  .passwordSection {
+    width: 100%;
+  }
+
   .passwordForm {
     flex-direction: column;
-    padding-left: 0;
   }
 }
diff --git a/app/templates/passwordInput/passwordInput.css b/app/templates/passwordInput/passwordInput.css
index c478530c..4f564168 100644
--- a/app/templates/passwordInput/passwordInput.css
+++ b/app/templates/passwordInput/passwordInput.css
@@ -36,8 +36,4 @@
     flex-direction: column;
     width: inherit;
   }
-
-  .inputBtn--loading {
-    width: inherit;
-  }
 }