Возврат формы комментирования над комментариями

apps/course/templates/course/course.html

@@ -195,16 +195,15 @@
 
     <div class="title">Задавайте вопросы:</div>
     <div class="questions">
-      <div class="questions__list">
-          {% include "./blocks/comments.html" with object=course %}
-      </div>
       <form class="questions__form" method="post" action="{% url 'coursecomment' course_id=course.id %}">
         <input type="hidden" name="reply_id">
         <div class="questions__ava ava"><img class="ava__pic" src="{% static 'img/user.jpg' %}"></div>
         <div class="questions__wrap">
           {% if user.is_authenticated %}
             <div class="questions__reply-info">В ответ на <a
-              href="" class="questions__reply-anchor">этот комментарий</a>. <a href="#" class="questions__reply-cancel grey-link">Отменить</a></div>
+                href="" class="questions__reply-anchor">этот комментарий</a>. <a href="#"
+                                                                                 class="questions__reply-cancel grey-link">Отменить</a>
+            </div>
             <div class="questions__field"><textarea class="questions__textarea"
                                                     placeholder="Спросите автора курса интересующие вас вопросы"></textarea>
             </div>
@@ -214,6 +213,9 @@
           {% endif %}
         </div>
       </form>
+      <div class="questions__list">
+          {% include "./blocks/comments.html" with object=course %}
+      </div>
     </div>
   </div>
 </div>

web/src/sass/_common.sass

@@ -2405,9 +2405,9 @@ a.grey-link
   &__item
     display: flex
   &__form
-    margin-top: 40px
-    padding-top: 20px
-    border-top: 1px solid $border
+    margin-bottom: 40px
+    padding-bottom: 20px
+    border-bottom: 1px solid $border
   &__item
     &:not(:last-child)
       margin-bottom: 25px