From 25948b007a5bec360c1979febad33e4891fa48ae Mon Sep 17 00:00:00 2001
From: blek <me@blek.codes>
Date: Sat, 30 Sep 2023 12:10:49 +1000
Subject: [PATCH] add submit button

---
 filed/static/paint.css     | 12 ++++++------
 filed/templates/index.html |  7 ++++++-
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/filed/static/paint.css b/filed/static/paint.css
index 5741338..a902f2b 100644
--- a/filed/static/paint.css
+++ b/filed/static/paint.css
@@ -140,6 +140,10 @@ p {
     background: #323232;
 }
 
+.btn-fill {
+    width: 100%;
+}
+
 
 .file-drag-n-drop {
     display: block;
@@ -176,9 +180,8 @@ p {
     display: block;
     opacity: 0;
     height: 0;
-    width: 0;
+    width: calc(100% - 24px);
     clip-path: inset(0 0 0 0);
-    font-size: 0;
     padding: 0;
 }
 
@@ -186,18 +189,15 @@ p {
     .file-drag-n-drop {
         opacity: 0;
         clip-path: inset(0 0 0 0);
-        width: 0;
         height: 0;
-        font-size: 0;
         padding: 0;
     }
     .mobile-file-upload-btn {
-        width: calc(100% - 24px);
         cursor: pointer;
         height: fit-content;
         opacity: 1;
-        font-size: initial;
         padding: var(--header-padding-y);
+        text-align: center;
     }
     .bfile-formupload-file-delete-pick {
         margin-bottom: 28px;
diff --git a/filed/templates/index.html b/filed/templates/index.html
index 3860cac..a27e890 100644
--- a/filed/templates/index.html
+++ b/filed/templates/index.html
@@ -30,7 +30,7 @@
                 <p>
                     <input type="file" name="file" id="bfile-formupload-file" style="display: none" />
                     <label for="bfile-formupload-file">
-                        <span class='btn mobile-file-upload-btn'>
+                        <span class='btn btn-fill mobile-file-upload-btn'>
                             Select a file
                         </span>
                         <span class="file-drag-n-drop">
@@ -54,6 +54,11 @@
                         <script src="/dragndrop-form.js"></script>
                     </label>
                 </p>
+                <p>
+                    <button class='btn btn-fill'>
+                        Upload!
+                    </button>
+                </p>
             </form>
         </div>
     </div>