diff options
Diffstat (limited to 'design')
| -rw-r--r-- | design/sass/screenv10.scss | 14 | ||||
| -rw-r--r-- | design/templates/comments/form.html | 8 |
2 files changed, 16 insertions, 6 deletions
diff --git a/design/sass/screenv10.scss b/design/sass/screenv10.scss index 470c111..3149613 100644 --- a/design/sass/screenv10.scss +++ b/design/sass/screenv10.scss @@ -1205,15 +1205,25 @@ pre{ } //}}} //*********** comments **********************************{{{ -.comment-wrapper { +.comment-wrapper, .comment-form-wrapper { margin: 0 auto; max-width: 96%; } @media screen and (min-width: 750px) { - .comment-wrapper { + .comment-wrapper, .comment-form-wrapper { max-width: 750px; } } +.comment-form-wrapper .submit { + display: flex; + justify-content: flex-end; +} + +.comment-form-wrapper input[type="submit"] { + display: block; + width: 100px; + margin-left: 10px; +} .comment-card-wrapper:after { display: block; margin: 4rem auto; diff --git a/design/templates/comments/form.html b/design/templates/comments/form.html index eaebada..be2c120 100644 --- a/design/templates/comments/form.html +++ b/design/templates/comments/form.html @@ -1,9 +1,9 @@ {% load comments i18n %} -<div class="comment--form--header"> +<div class="comment-form-header"> <p class="hed">Thoughts?</p> <p class="subhed">Please leave a reply:</p> </div> -<form action="{% comment_form_target %}" method="post" class="comment--form"> +<form action="{% comment_form_target %}" method="post" class="comment-form"> {% if next %}<div><input type="hidden" name="next" value="{{ next }}" /></div>{% endif %} <input type="hidden" name="rder" value="{{ form.instance.content_object.get_absolute_url }}" /> {% for field in form %} @@ -17,9 +17,9 @@ {% endif %} {% endfor %} <div class="submit"> - <input type="submit" name="post" class="submit-post btn" value="{% trans "Post" %}" /> <input type="submit" name="preview" class="submit-preview btn" value="{% trans "Preview" %}" /> + <input type="submit" name="post" class="submit-post btn" value="{% trans "Post" %}" /> </div> </form> -<p style="font-size: 95%;"><strong>All comments are moderated</strong>, so you won’t see it right away. And please remember Kurt Vonnegut's rule: “god damn it, you’ve got to be kind.” You can use Markdown or HTML to format your comments. The allowed tags are <code><b>, <i>, <em>, <strong>, <a></code>. To create a new paragraph hit return twice. </p> +<p style="font-size: 75%;"><strong>All comments are moderated</strong>, so you won’t see it right away. And please remember Kurt Vonnegut's rule: “god damn it, you’ve got to be kind.” You can use Markdown or HTML to format your comments. The allowed tags are <code><b>, <i>, <em>, <strong>, <a></code>. To create a new paragraph hit return twice. </p> |