Will finish UI and make it non-shit later

static/style.css

@@ -1,4 +1,4 @@
-@import url(https://fonts.googleapis.com/css?family=Lato:700,300,400,100);
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
 
 /* Being lazy 101 */
 * {
@@ -46,20 +46,33 @@ body {
 }
 
 .uploadButton {
+  position: relative;
+  margin-right: auto;
+  margin-left: auto;
+  max-width: 100%;
+  cursor: pointer;
   background-color: #229922;
   border-radius: 10px;
+  transition: background 0.1s ease-out;
+  overflow: hidden;
+}
+
+.uploadButton:hover {
+  background-color: #33BB33;
 }
 
 .uploadButton p {
   padding: 20px;
+  font-weight: 300;
+  font-size: 24pt;
 }
 
 .uploadButton input[type="file"] {
   position: absolute;
-  top: 0;
-  left: 0;
+  display: block;
   width: 100%;
   height: 100%;
+  top: 0;
+  right: 0;
   opacity: 0;
-  z-index: 900;
 }

templates/upload.html

@@ -2,10 +2,10 @@
 {% block body %}
   <form action="" id="form" name="fileForm" method="post" enctype="multipart/form-data" class="uploadForm">
     <div class="uploadButton">
-      <input id="file" type="file" name="file">
       <p>
         Select a file
       </p>
+      <input id="file" type="file" name="file">
     </div>
     <input type="hidden" name="source" value="web">
   </form>