Show labels and inputs of rorms in one line

boards/forms.py

@@ -99,12 +99,14 b' class NeboardForm(forms.Form):'
 
         return self._html_output(
             # TODO Do not show hidden rows in the list here
-            normal_row='<div class="form-row"><div class="form-label">'
+            normal_row='<div class="form-row">'
+                       '<div class="form-label">'
                        '%(label)s'
-                       '</div></div>'
-                       '<div class="form-row"><div class="form-input">'
+                       '</div>'
+                       '<div class="form-input">'
                        '%(field)s'
-                       '</div></div>'
+                       '</div>'
+                       '</div>'
                        '<div class="form-row">'
                        '%(help_text)s'
                        '</div>',

boards/static/css/md/base_page.css

@@ -146,20 +146,25 b' p, .br {'
 
 .form-row {
     width: 100%;
+    display: table-row;
 }
 
 .form-label {
     padding: .25em 1ex .25em 0;
     vertical-align: top;
+    display: table-cell;
 }
 
 .form-input {
     padding: .25em 0;
+    width: 100%;
+    display: table-cell;
 }
 
 .form-errors {
     font-weight: bolder;
     vertical-align: middle;
+    display: table-cell;
 }
 
 .post-form input:not([name="image"]), .post-form textarea, .post-form select {