diff --git a/opentech/apply/activity/templates/activity/include/comment_form.html b/opentech/apply/activity/templates/activity/include/comment_form.html index c20300aec2bd4315b05c7d672885b34c9c9e602d..2dc4ff215d33c95824c89a3766ba6bf95d3f8abc 100644 --- a/opentech/apply/activity/templates/activity/include/comment_form.html +++ b/opentech/apply/activity/templates/activity/include/comment_form.html @@ -1,4 +1,4 @@ -<form method="post" id="comment-form"> +<form class="form form--comments" method="post" id="comment-form"> {% csrf_token %} {{ comment_form }} <input id="comment-form-submit" name="form-submitted" type="submit" form="comment-form" value="Comment"> diff --git a/opentech/static_src/src/sass/apply/components/_form.scss b/opentech/static_src/src/sass/apply/components/_form.scss index e86ab585eb3d953da9b0618b02a399e4c48c2ef9..f40ed16c53e6bd009ae236199ccfd562a328ed59 100644 --- a/opentech/static_src/src/sass/apply/components/_form.scss +++ b/opentech/static_src/src/sass/apply/components/_form.scss @@ -47,18 +47,15 @@ textarea, &__textarea { + display: block; width: 100%; + height: 100px; padding: 10px; - border: 1px solid lightgrey; + margin-bottom: 20px; + border: 1px solid $color--mid-grey; - &--comments { - display: block; - height: 100px; - margin-bottom: 20px; - - @include media-query(tablet-portrait) { - max-width: 60%; - }; + @include media-query(tablet-portrait) { + max-width: 60%; } } }