From 942a72123ecf7ed91cf3cba1124adc11a3615208 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 12 Dec 2017 03:31:07 +0100
Subject: 404 page and maybe deleting threads

---
 views/partials/settings.ejs | 97 +++++++++++++++++++++++++--------------------
 1 file changed, 54 insertions(+), 43 deletions(-)

(limited to 'views/partials/settings.ejs')

diff --git a/views/partials/settings.ejs b/views/partials/settings.ejs
index bb5d9e4..adf184e 100644
--- a/views/partials/settings.ejs
+++ b/views/partials/settings.ejs
@@ -2,58 +2,68 @@
   <div class="inner">
     <h2>thread settings</h2>
     <a class="close_link">exit settings</a>
-    <form id="thread_controls">
-      <div id="thread_fields">
-        <div>
-          <label for="thread_title">Title</label>
+    <div id="thread_controls">
+      <div id="left_side">
+        <form id="thread_fields">
           <div>
-            <input id="thread_title" name="title" type="text">
+            <label for="thread_title">Title</label>
+            <div>
+              <input id="thread_title" name="title" type="text">
+            </div>
           </div>
-        </div>
-<!--
-        <div>
-          <label for="thread_bg">Background</label>
+  <!--
           <div>
-            <input id="thread_bg" name="bg" type="text" placeholder="Enter URL"><br>
-            <img id="thread_bg_img" />
+            <label for="thread_bg">Background</label>
+            <div>
+              <input id="thread_bg" name="bg" type="text" placeholder="Enter URL"><br>
+              <img id="thread_bg_img" />
+            </div>
           </div>
+  -->
+          <div class="dropdown">
+            <label for="thread_color">Color</label>
+            <select id="thread_color" name="color"></select>
+          </div>
+          <div class="dropdown">
+            <label for="thread_keyword">Keyword</label>
+            <select id="thread_keyword" name="keyword"></select>
+          </div>
+          <div>
+            <label for="thread_hoots">hoot style</label>
+            <input id="thread_hoots" name="hoots" value="0" type="hidden">
+            <input id="thread_hoots" name="hoots" value="1" type="checkbox">
+          </div>
+          <div>
+            <label for="thread_shorturls">shorten urls</label>
+            <input id="thread_shorturls" name="shorturls" value="0" type="hidden">
+            <input id="thread_shorturls" name="shorturls" value="1" type="checkbox">
+          </div>
+          <div>
+            <label></label>
+            <input id="thread_submit" value="Save" type="submit">
+          </div>
+          <div>
+            <label></label>
+            <div id="errors"></div>
+          </div>
+        </form>
+        <br><br>
+        <div class="thread_field">
+          <label style="padding-top: 2px">danger zone:</label>
+          <div><button class="thread_delete">Delete&nbsp;This&nbsp;Thread</button></div>
         </div>
--->
-        <div class="dropdown">
-          <label for="thread_color">Color</label>
-          <select id="thread_color" name="color"></select>
-        </div>
-        <div class="dropdown">
-          <label for="thread_keyword">Keyword</label>
-          <select id="thread_keyword" name="keyword"></select>
-        </div>
-        <div>
-          <label for="thread_hoots">hoot style</label>
-          <input id="thread_hoots" name="hoots" value="0" type="hidden">
-          <input id="thread_hoots" name="hoots" value="1" type="checkbox">
-        </div>
-        <div>
-          <label for="thread_shorturls">shorten urls</label>
-          <input id="thread_shorturls" name="shorturls" value="0" type="hidden">
-          <input id="thread_shorturls" name="shorturls" value="1" type="checkbox">
-        </div>
-        <div>
-          <label></label>
-          <input id="thread_submit" value="Save" type="submit">
-        </div>
-      </form>
-    
+      </div>
     </div>
   </div>
 </div>
 
 <style>
   #thread_settings h2 {
-    font-size: 20px;
+    font-size: 16px;
     margin: 0;
   }
   #thread_settings .inner {
-    padding: 10px;
+    padding: 20px;
     text-align: left;
   }
   #thread_controls {
@@ -67,18 +77,16 @@
   #thread_fields {
     text-align: left;
   }
+  .thread_field,
   #thread_fields > div {
     display: flex;
     flex-direction: row;
     margin-top: 5px;
   }
-  #thread_fields label {
+  #thread_controls label {
     margin-top: 4px;
     padding-right: 5px;
   }
-  #thread_fields .shim {
-    height: 10px;
-  }
   #thread_fields input[type=text] {
     font-size: 13px;
     width: 200px;
@@ -86,11 +94,14 @@
   }
   #thread_settings .close_link {
     position: absolute;
-    top: 15px;
+    top: 23px;
     right: 10px;
   }
   #thread_fields label {
     display: block;
     width: 80px;
   }
+  .desktop button.thread_delete:hover {
+    background: #ff8288;
+  }
 </style>
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2