Comment section - More sleek look. Remove SQL theme

3 files changed, 10 insertions, 11 deletions

diff --git a/blog.node5.net/static/comment_section.css b/blog.node5.net/static/comment_section.css
index 5e74ab8..7aa1727 100644
--- a/blog.node5.net/static/comment_section.css
+++ b/blog.node5.net/static/comment_section.css
@@ -1,9 +1,11 @@
 input, textarea, select {
     background: transparent;
-    border: 0.2em solid #eee;
+    border: 1px solid #3e3e3e;
     border-radius: 0.3em;
     color:white;
     padding: 0.5em;
+    margin: 0.3em;
+    width: 29%;
 }
 
 textarea:focus, input:focus, select:focus {
diff --git a/blog.node5.net/static/main.css b/blog.node5.net/static/main.css
index 0b0cf92..8a61703 100644
--- a/blog.node5.net/static/main.css
+++ b/blog.node5.net/static/main.css
@@ -91,7 +91,7 @@ body {
 }
 
 .grey {
-	color: lightgrey;
+	color: #777;
 }
 
 .dark-grey {
diff --git a/blog.node5.net/templates/base.html b/blog.node5.net/templates/base.html
index 2a5285f..474584c 100644
--- a/blog.node5.net/templates/base.html
+++ b/blog.node5.net/templates/base.html
@@ -30,33 +30,30 @@
       <h2>Comments</h2>
 
       <form action="/comment" method="post">
-          {{ insert_sql_pretty | safe }}
-            <input placeholder="Nickname (optional)" type="text" id="nickname" name="nickname" title="Your name"><code>, </code>
+            <input placeholder="Nickname (optional)" type="text" id="nickname" name="nickname" title="Your name">
             <input placeholder="Your website URL" type="text" id="visitor_url" name="visitor_url"
-                   title="If you have a website too, leave the url here to show it off"><code>, </code>
+                   title="If you have a website too, leave the url here to show it off">
             <input placeholder="Means of contacting you" type="text" id="contact" name="contact"
-                   title="If you wish for me to be able to contact you, leave e.g: a phone number email or anything here."><code>, </code>
+                   title="If you wish for me to be able to contact you, leave e.g: a phone number email or anything here.">
             <select name="show_contact" id="show_contact">
               <option value="">--Show contact publicly--</option>
               <option value="on">TRUE</option>
               <option value="off">FALSE</option>
-            </select><code>, </code>
+            </select>
             <select name="public" id="public">
               <option value="">--Show comment publicly--</option>
               <option value="on">TRUE</option>
               <option value="off">FALSE</option>
-            </select><code>, </code>
             <br>
             <textarea placeholder="Type your comment here" rows="4" id="comment" required name="comment" id="comment"></textarea>
-          <code>);</code><br>
+          <br>
           <input type="submit" id="post-comment" value="Post comment" /> <small class="grey">(Will await approval before becoming public)</small>
       </form>
 
     <br>
 
       {{ comments_sql | safe }}
-      {% if comments and comments|length > 0 %}<pre id="comments">
-      <pre>{{ comments }}</pre>
+      {% if comments and comments|length > 0 %}<pre id="comments"><pre>{{ comments }}</pre>
       </pre>{% else %}*No comments*{% endif %}
   </div>