From 9257cd25d212e892003d2da10de15b8f7395c9b6 Mon Sep 17 00:00:00 2001
From: Swrup <swrup@protonmail.com>
Date: Sun, 29 May 2022 15:52:55 +0200
Subject: [PATCH] better input file button

---
 src/content/assets/css/style.css | 4 ++++
 src/post_form.eml.html           | 7 ++++---
 src/user_profile.eml.html        | 6 ++++--
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/content/assets/css/style.css b/src/content/assets/css/style.css
index fb66069..6cf5540 100644
--- a/src/content/assets/css/style.css
+++ b/src/content/assets/css/style.css
@@ -163,3 +163,7 @@ a.post-menu-link {
   width: auto;
   float: right;
 }
+
+#submit-button {
+  float: right;
+}
diff --git a/src/post_form.eml.html b/src/post_form.eml.html
index 3b5fb36..78d004c 100644
--- a/src/post_form.eml.html
+++ b/src/post_form.eml.html
@@ -17,10 +17,11 @@ let f thread_id request =
     <%s! checkboxes %>
     <input name="tags" type="text" class="form-control" id="tags" aria-labelledby="tags-label" />
     
-    <label for="file" id="file-label" class="form-label">Picture:</label>
-    <input id="file" name="file" aria-describedby="file-label" type="file" accept="image/png,image/jpeg,image/webp,image/gif">
+    <label for="file" id="file-label" class="form-label">Add picture</label>
+    <input id="file" class="form-control" name="file" aria-describedby="file-label" type="file" accept="image/png,image/jpeg,image/webp,image/gif">
+    <br />
 
-    <label for="alt" id="alt-label" class="form-label off">Image description:</label>
+    <label for="alt" id="alt-label" class="form-label off">Image description</label>
     <input name="alt" type="text" class="form-control off" id="alt" aria-labelledby="alt-label" />
 % begin match thread_id with
 % | None ->
diff --git a/src/user_profile.eml.html b/src/user_profile.eml.html
index c22c93d..5086ab3 100644
--- a/src/user_profile.eml.html
+++ b/src/user_profile.eml.html
@@ -32,7 +32,9 @@ let f (user: User.t) request =
   <br />
   <br />
   <%s! Dream.form_tag ~action:"/profile" ~enctype:`Multipart_form_data request %>
-    <input id="file" name="file" aria-describedby="file-label" type="file" accept="image/png,image/jpeg,image/webp,image/gif">
     <br />
-    <button class="btn btn-primary">Submit picture!</button>
+    <label for="file" id="file-label" class="form-label">Change avatar</label>
+    <input id="file" class="form-control" name="file" aria-describedby="file-label" type="file" accept="image/png,image/jpeg,image/webp,image/gif">
+    <br />
+    <button class="btn btn-primary">Submit avatar!</button>
   </form>