From 4a9cb08ee2e53a2903ae9d768d1ca744ddb61463 Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Fri, 2 Mar 2018 13:31:08 +0000
Subject: [PATCH] adding classes for styling comment form and listing
---
.../templates/activity/include/comment_form.html | 2 +-
.../src/sass/apply/components/_form.scss | 15 ++++++---------
2 files changed, 7 insertions(+), 10 deletions(-)
diff --git a/opentech/apply/activity/templates/activity/include/comment_form.html b/opentech/apply/activity/templates/activity/include/comment_form.html
index c20300aec..2dc4ff215 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 e86ab585e..f40ed16c5 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%;
}
}
}
--
GitLab