From 0757d775e5a6fa358bfded7db13ddbd3366b2b66 Mon Sep 17 00:00:00 2001
From: hippoz <anastasiudavid@gmail.com>
Date: Mon, 5 Oct 2020 00:51:30 +0300
Subject: [PATCH] change upload button style

---
 pages/upload.html |  3 ++-
 res/style.css     | 10 ++++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/pages/upload.html b/pages/upload.html
index b4e12df..a0f8ae9 100644
--- a/pages/upload.html
+++ b/pages/upload.html
@@ -4,6 +4,7 @@
 <form action='https://files.hippoz.xyz/api/upload' method="POST" enctype="multipart/form-data">
     <input class="input" placeholder="password" type="password" name="password"> </br>
     <input class="input" placeholder="file name" type="text" name="filename"> </br>
-    <input class="button-default" type="file" name="file"/> </br>
+    <label class="button-default" for="upload-file">browse</label>
+    <input type="file" name="file" id="upload-file"/> </br>
     <input class="button-default" type='submit' value='upload'/>
 </form>
\ No newline at end of file
diff --git a/res/style.css b/res/style.css
index 04f64ee..1c8e7ac 100644
--- a/res/style.css
+++ b/res/style.css
@@ -70,5 +70,11 @@ body {
     outline: none;
     border-radius: 2px;
     padding: 3px;
-    margin: 3px;
-}
\ No newline at end of file
+    margin: 8px;
+}
+
+#upload-file {
+    opacity: 0;
+    position: absolute;
+    z-index: -1;
+ }
\ No newline at end of file