From 7272ede2ca7ab6c6647a8646c668ca4f9c951b26 Mon Sep 17 00:00:00 2001
From: Swrup <swrup@protonmail.com>
Date: Mon, 24 Jan 2022 08:38:18 +0100
Subject: [PATCH] even more beautifuler css

---
 src/content/assets/css/style.css |  9 +++++++++
 src/newthread_page.eml.html      |  6 ++++--
 src/thread_page.eml.html         | 10 +++++-----
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/content/assets/css/style.css b/src/content/assets/css/style.css
index 08a4b9b..63621e0 100644
--- a/src/content/assets/css/style.css
+++ b/src/content/assets/css/style.css
@@ -62,3 +62,12 @@ blockquote.blockquote {
 .quote {
   color: green;
 }
+
+.postForm {
+  background-color: #FCE4EC;
+  margin: 5px 5px 5px 5px;
+  border: 2px solid #FFB300;
+  padding: 2px;
+  display:table;
+  width: 500px;
+}
diff --git a/src/newthread_page.eml.html b/src/newthread_page.eml.html
index 3a7c199..85490db 100644
--- a/src/newthread_page.eml.html
+++ b/src/newthread_page.eml.html
@@ -13,6 +13,7 @@ Login to make a new thread.
     </div>
 
     <div class="col-md-6" id="newthread-form" style="visibility:hidden">
+    <div class="postForm">
 <%s! Dream.form_tag ~action:url ~enctype:`Multipart_form_data request %>
         <input type="hidden" id="lat_input" name="lat_input">
         <input type="hidden" id="lng_input" name="lng_input">
@@ -26,10 +27,11 @@ Login to make a new thread.
         <label for="tags" id="tagsLabel" class="form-label">Tags</label>
         <input name="tags" type="text" class="form-control" id="tags" aria-labelledby="tagsLabel"></input>
 
-        <input id="file" name="file" aria-describedby="fileHelp" type="file">
-        <div id="fileHelp" class="form-text">Add a picture for your thread</div>
+        <label for="file" id="fileLabel" class="form-label">Picture:</label>
+        <input id="file" name="file" aria-describedby="fileLabel" type="file" accept="image/*">
       <button type="submit" class="btn btn-primary">Make Thread</button>
 </form>
     </div>
+    </div>
 </div>
 % end;
diff --git a/src/thread_page.eml.html b/src/thread_page.eml.html
index d42ee25..c5ad054 100644
--- a/src/thread_page.eml.html
+++ b/src/thread_page.eml.html
@@ -5,18 +5,18 @@ let f thread_view thread_id request =
 % | None ->
 
 % | Some _ ->
-      <div class="mb-3">
+    <div class="postForm">
         <%s! Dream.form_tag ~action:( Format.sprintf "/reply/%s" thread_id)
         ~enctype:`Multipart_form_data request %>
 
-        <label for="replyComment" id="replyCommentLabel" class="form-label">Comment</label>
+        <label for="replyComment" id="replyCommentLabel" class="form-label">Comment:</label>
         <textarea name="replyComment" type="text" class="form-control" id="replyComment" aria-labelledby="replyCommentLabel"></textarea>
 
-        <label for="tags" id="tagsLabel" class="form-label">Tags</label>
+        <label for="tags" id="tagsLabel" class="form-label">Tags:</label>
         <input name="tags" type="text" class="form-control" id="tags" aria-labelledby="tagsLabel"></input>
 
-        <input id="file" name="file" aria-describedby="fileHelp" type="file">
-        <div id="fileHelp" class="form-text">Add a picture to your post</div>
+        <label for="file" id="fileLabel" class="form-label">Picture:</label>
+        <input id="file" name="file" aria-describedby="fileLabel" type="file" accept="image/*">
       <button type="submit" class="btn btn-primary">Reply</button>
       </div>
     </form>