"Binded" upload button

Signed-off-by: Felix Paul Kühne <fkuehne@videolan.org>

Resources/web/index.html

@@ -32,7 +32,10 @@
     <header>
       <nav>
         <a class="btn linkBtn" href="http://www.videolan.org"><div class="icon"></div></a>
-        <button class="btn uploadBtn">Upload files</button>
+        <div class="btn uploadBtn">
+            <input id="fileupload" type="file" name="files[]" data-url="upload.json" multiple>
+          Upload files
+        </div>
       </nav>
     </header>
     <div class="main">
@@ -41,9 +44,7 @@
         <div class="bar" style="width: 50%;"></div>
       </div>
       
-      <form style="display: none;">
-        <input id="fileupload" type="file" name="files[]" data-url="upload.json" multiple>
-      </form>
+      
       
       <div id="uploads" style="display: none;">
         <p>So far you have uploaded:</p>

Resources/web/style.css

@@ -72,6 +72,7 @@ nav {
   color: white;
   font-size: 1.3em;
   font-weight: bold;
+  line-height: 52px;
 
   text-align: center;
   text-shadow: 2px 2px 0px #783704;
@@ -103,6 +104,19 @@ nav {
 .uploadBtn {
   width: 200px;
   float: right;
+  position: relative;
+  overflow: hidden;
+}
+
+#fileupload {
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  left:0;
+  right: 0;
+  bottom: 0;
+  font-size: 1000px !important;
+  cursor: pointer;
 }