Make dropzone bigger

public/css/style.css

@@ -28,15 +28,16 @@ section#home #b {
 }
 
 section#home div#dropzone {
-	border: 1px solid #dbdbdb;
-	background-color: rgba(0, 0, 0, 0);
-    border-color: #ff3860;
+	border: 3px dashed #dbdbdb;
+	background-color: rgba(255, 255, 255, 0.05);
+	border-color: #ff3860;
     color: #ff3860;
     display: none;
     width: 100%;
     border-radius: 3px;
     box-shadow: none;
-    height: 2.5em;
+	height: 12em;
+	font-size: 1.5em;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;

public/js/home.js

@@ -96,7 +96,7 @@ upload.prepareUpload = function(){
 
 	div = document.createElement('div');
 	div.id = 'dropzone';
-	div.innerHTML = 'Click here or drag and drop files';
+	div.innerHTML = 'Drop files here or click to upload';
 	div.style.display = 'flex';
 
 	document.getElementById('maxFileSize').innerHTML = 'Maximum upload size per file is ' + upload.maxFileSize;
@@ -105,6 +105,7 @@ upload.prepareUpload = function(){
 	if(upload.token === undefined) 
 		document.getElementById('loginLinkText').innerHTML = 'Create an account and keep track of your uploads';
 
+	document.getElementById('uploadContainer').classList.add('is-half');
 	document.getElementById('uploadContainer').appendChild(div);
 	
 	upload.prepareDropzone();