fixed dnd after css changes

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);

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;

app/pages/welcome/welcome.css

@@ -53,10 +53,6 @@
   padding: 0 10px;
 }
 
-.btn--file:hover {
-  background-color: var(--primaryControlHoverColor);
-}
-
 .inputFile {
   opacity: 0;
   overflow: hidden;

app/templates/downloadButton/downloadButton.css

@@ -4,7 +4,3 @@
   margin-top: 20px;
   margin-bottom: 30px;
 }
-
-.btn--download:hover {
-  background-color: var(--primaryControlHoverColor);
-}

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;
   }
 }

app/templates/passwordInput/passwordInput.css

@@ -36,8 +36,4 @@
     flex-direction: column;
     width: inherit;
   }
-
-  .inputBtn--loading {
-    width: inherit;
-  }
 }