From e77154f68b3b5e6f9cc947c154fb44d38fa49c66 Mon Sep 17 00:00:00 2001
From: "Dominik V. Salonen" <contact@quad.moe>
Date: Wed, 23 Dec 2015 14:57:03 +0100
Subject: [PATCH] Will finish UI and make it non-shit later

---
 static/style.css      | 21 +++++++++++++++++----
 templates/upload.html |  2 +-
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/static/style.css b/static/style.css
index 1088316..43e54a0 100644
--- a/static/style.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/templates/upload.html b/templates/upload.html
index aa4ff3f..7950b2d 100644
--- a/templates/upload.html
+++ b/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>