Delineate reports and comments better

scipost_django/scipost/static/scipost/assets/css/_submissions.scss

@@ -6,6 +6,7 @@ table.submission_header {
 .comment {
     padding-left: 1rem;
     position: relative;
+    border: 0.5rem solid #f4f4f4;
 
     &:before {
         content: '';

scipost_django/submissions/templates/submissions/_report_public.html

@@ -3,7 +3,7 @@
 {% block single_report_footer %}
   {% if user.is_authenticated and perms.scipost.can_submit_comments %}
     <hr class="small">
-    <h3><a href="{% url 'comments:reply_to_report' report_id=report.id %}">Reply to this Report</a> (authors only)</h3>
+    <h3><a href="{% url 'comments:reply_to_report' report_id=report.id %}">Reply to the above Report</a> (authors only)</h3>
   {% endif %}
 
   {% if report.comments.vetted.exists %}

scipost_django/submissions/templates/submissions/_report_public_without_comments.html

 {% load scipost_extras %}
 {% load submissions_extras %}
 
-<div class="row">
+<div class="row mb-5">
   <div class="col-12">
     <div class="report" id="report_{{ report.report_nr }}">
       <div class="reportid">
@@ -79,31 +79,25 @@
             <em class="text-danger">N.B.: sections boxed in red are visible only to Editor-in-charge and EdAdmin</em>
           </div>
         </div>
-        <div class="row border border-danger">
-          <div class="col-12 pb-2">
-            <h3 class="highlight tight">Qualification</h3>
-            <div class="ps-md-4">{{ report.get_qualification_display}}</div>
-          </div>
+        <div class="m-2 p-2 border border-danger">
+          <h3 class="highlight tight">Qualification</h3>
+          <div class="ps-md-4">{{ report.get_qualification_display}}</div>
         </div>
       {% endif %}
 
       {% include 'submissions/_report_content.html' with report=report %}
 
       {% if user.contributor == submission.editor_in_charge or user|is_in_group:'Editorial Administrators' and not user|is_possible_author_of_submission:submission %}
-        <div class="row mt-3 border border-danger">
-          <div class="col-12 pb-2">
-            <h3 class="highlight tight">Remarks for editors</h3>
-            <div class="ps-md-4">{{ report.remarks_for_editors|default:'-' }}</div>
-          </div>
+        <div class="m-2 p-2 border border-danger">
+          <h3 class="highlight tight">Remarks for editors</h3>
+          <div class="ps-md-4">{{ report.remarks_for_editors|default:'-' }}</div>
         </div>
       {% endif %}
 
       {% if user.contributor == submission.editor_in_charge or user|is_in_group:'Editorial Administrators' and not user|is_possible_author_of_submission:submission %}
-	<div class="row border border-danger">
-          <div class="col-12 pb-2">
-            <h3 class="highlight tight">Recommendation</h3>
-	    <div class="ps-md-4">{{ report.get_recommendation_display }}</div>
-          </div>
+	<div class="m-2 p-2 border border-danger">
+          <h3 class="highlight tight">Recommendation</h3>
+	  <div class="ps-md-4">{{ report.get_recommendation_display }}</div>
 	</div>
       {% endif %}