Small style and forms rendering changes

boards/forms.py

@@ -24,8 +24,8 b' class PlainErrorList(ErrorList):'
 
 class NeboardForm(forms.Form):
 
-    def as_p(self):
-        "Returns this form rendered as HTML <p>s."
+    def as_div(self):
+        "Returns this form rendered as HTML <as_div>s."
         return self._html_output(
             # TODO Do not show hidden rows in the list here
             normal_row='<div class="form-row">'
@@ -37,9 +37,12 b' class NeboardForm(forms.Form):'
                        '</div>'
                        '%(help_text)s'
                        '</div>',
-            error_row='<div class="form-row"><div class="form-label"></div><div class="form-errors">%s</div></div>',
-            row_ender='</p>',
-            help_text_html=' <span class="helptext">%s</span>',
+            error_row='<div class="form-row">'
+                      '<div class="form-label"></div>'
+                      '<div class="form-errors">%s</div>'
+                      '</div>',
+            row_ender='</div>',
+            help_text_html='%s',
             errors_on_separate_row=True)
 
 class PostForm(NeboardForm):

boards/static/css/md/base_page.css

@@ -20,7 +20,6 b' html {'
     color: #FF0000;
 }
 
-
 .title {
     font-weight: bold;
     color: #ffcc00;
@@ -126,8 +125,7 b' p {'
 }
 
 .form-errors {
-    padding-left: 1ex;
-    font-weight: bold;
+    font-weight: bolder;
     vertical-align: middle;
 }
 
@@ -141,9 +139,8 b' p {'
 }
 
 .form-submit {
-    border-bottom: 2px solid #ddd;
-    margin-bottom: .5em;
-    padding-bottom: .5em;
+    display: table;
+    margin-bottom: 1ex;
 }
 
 .form-title {
@@ -154,8 +151,13 b' p {'
 
 input[type="submit"] {
     background: #222;
-    border: solid 1px #fff;
+    border: solid 2px #fff;
     color: #fff;
+    padding: 0.5ex;
+}
+
+input[type="submit"]:hover {
+    background: #060;
 }
 
 blockquote {
@@ -300,10 +302,6 b' li {'
     margin-top: 1em;
 }
 
-input[type="submit"]:hover {
-        background: #555;
-}
-
 .fav {
     color: yellow;
 }

boards/templates/boards/posting_general.html

@@ -207,11 +207,12 b''
         <div class="post-form">
             <div class="form-title">{% trans "Create new thread" %}</div>
             <form enctype="multipart/form-data" method="post">{% csrf_token %}
-                {{ form.as_p }}
+                {{ form.as_div }}
                 <div class="form-submit">
-                    <input type="submit" value="{% trans "Post" %}"/></div>
-                <div>
+                    <input type="submit" value="{% trans "Post" %}"/>
+                </div>
             </form>
+            <div>
                 {% trans 'Tags must be delimited by spaces. Text or image is required.' %}
             </div>
             <div><a href="{% url "staticpage" name="help" %}">

boards/templates/boards/settings.html

@@ -26,9 +26,10 b''
     <div class="post-form-w">
     <div class="post-form">
         <form method="post">{% csrf_token %}
-            {{ form.as_p }}
-        <hr />
-        <input type="submit" value="{% trans "Save" %}" />
+            {{ form.as_div }}
+            <div class="form-submit">
+                <input type="submit" value="{% trans "Save" %}" />
+            </div>
         </form>
     </div>
     </div>

boards/templates/boards/thread.html

@@ -98,7 +98,7 b''
         <div class="post-form">
         <form id="form" enctype="multipart/form-data" method="post"
                      >{% csrf_token %}
-            {{ form.as_p }}
+            {{ form.as_div }}
             <div class="form-submit">
                 <input type="submit" value="{% trans "Post" %}"/>
             </div>