From d133494e9dee95b8ba5980dd73d12953129247a9 Mon Sep 17 00:00:00 2001
From: ksamuel <kevin.samuel@yandex.com>
Date: Fri, 14 Aug 2020 10:26:04 +0200
Subject: [PATCH] Fix upload button glitch

---
 zerobin/static/css/style.css | 2 +-
 zerobin/views/home.tpl       | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/zerobin/static/css/style.css b/zerobin/static/css/style.css
index 3918d9e..83773ad 100644
--- a/zerobin/static/css/style.css
+++ b/zerobin/static/css/style.css
@@ -176,7 +176,7 @@ input.hide-upload {
   filter: alpha(opacity=0);
   opacity: 0;
   z-index: 2;
-  width: 80px;
+  width: 0;
   margin-top: -20px;
   cursor: pointer;
   cursor: hand;
diff --git a/zerobin/views/home.tpl b/zerobin/views/home.tpl
index 4a13b6d..c944d88 100644
--- a/zerobin/views/home.tpl
+++ b/zerobin/views/home.tpl
@@ -3,9 +3,10 @@
 
     <div>
       <div class="file-upload" v-if="support.fileUpload">
-        <input type="button" class="btn btn-primary" :value="isUploading ? 'Uploading...': 'Upload file'"
-          :disabled="isUploading">
-        <input type="file" class="hide-upload" id="file-upload" @change="handleUpload($event.target.files)">
+        <label type="button" class="btn btn-primary"
+          :disabled="isUploading">{% isUploading ? 'Uploading...': 'Upload file' %}
+          <input type="file" class="hide-upload" id="file-upload" @change="handleUpload($event.target.files)">
+        </label>
       </div>
     </div>