From fffeb2fbc4825e20e8f7586891bf2d7bbd77a554 Mon Sep 17 00:00:00 2001
From: hippoz <anastasiudavid@gmail.com>
Date: Mon, 5 Oct 2020 00:21:51 +0300
Subject: [PATCH] change design of upload page

---
 pages/upload.html |  9 +++++----
 res/style.css     | 12 ++++++++++++
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/pages/upload.html b/pages/upload.html
index d558c5a..b4e12df 100644
--- a/pages/upload.html
+++ b/pages/upload.html
@@ -1,8 +1,9 @@
 <h1>this is the upload page</h1>
 <p>i think</p>
+<br>
 <form action='https://files.hippoz.xyz/api/upload' method="POST" enctype="multipart/form-data">
-    Password: <input type="password" name="password"> </br>
-    File name: <input type="text" name="filename"> </br>
-    <input type="file" name="file"/> </br>
-    <input type='submit' value='Upload!'/>
+    <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>
+    <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 5a00cea..04f64ee 100644
--- a/res/style.css
+++ b/res/style.css
@@ -55,8 +55,20 @@ body {
     background-color:#2E2E2E;
 }
 
+.button-border {
+    border: 2px solid #606060;
+}
+
 @media screen and (max-width: 768px) {
     .card {
         width: 80%;
     }
+}
+
+.input {
+    border: none;
+    outline: none;
+    border-radius: 2px;
+    padding: 3px;
+    margin: 3px;
 }
\ No newline at end of file