Restructure commentaries html

commentaries/templates/commentaries/commentaries.html

@@ -23,10 +23,10 @@
     <div class="col-md-4">
     	<div class="panel">
             <h2>Search SciPost Commentaries:</h2>
-            <form action="{% url 'commentaries:commentaries' %}" class="tinyform" method="post">
+            <form action="{% url 'commentaries:commentaries' %}" class="small" method="post">
           	{% csrf_token %}
-    	  {{ form|bootstrap:'4-8' }}
-          	<input class="btn btn-secondary" type="submit" name="Submit" />
+    	  {{ form|bootstrap:'4,8,sm' }}
+          	<input class="btn btn-sm btn-secondary" type="submit" name="Submit" />
             </form>
         </div>
     </div>

commentaries/templates/commentaries/commentary_detail.html

@@ -30,53 +30,59 @@
 
 {% endblock headsup %}
 
-{% block bodysup %}
+{% block content %}
 
 
-<section>
-  <div class="flex-greybox">
-    <h1>SciPost Commentary Page &nbsp; (non-SciPost publications)</h1>
-  </div>
-
-  <hr class="hr12">
-  <div class="row">
-    <div class="col-4">
-      <h2>Original publication: </h2>
+<div class="row">
+    <div class="col-12">
+        <div class="panel">
+            <h1>SciPost Commentary Page (non-SciPost publications)</h1>
+        </div>
     </div>
-  </div>
-  
-  {{ commentary.header_as_table }}
-  
-  <h3>Abstract:</h3>
-  <p>{{ commentary.pub_abstract }}</p>
+</div>
 
-</section>
+<hr>
+<div class="row">
+    <div class="col-12">
+        <h2>Original publication: </h2>
+        {{ commentary.header_as_table }}
+    </div>
+</div>
 
+<div class="row">
+    <div class="col-12">
+        <h3>Abstract:</h3>
+        <p>{{ commentary.pub_abstract }}</p>
+    </div>
+</div>
 
 {% include 'scipost/comments_block.html' %}
 
 
 {% if user.is_authenticated and commentary.open_for_commenting and perms.scipost.can_submit_comments %}
-  <section>
-    <hr class="hr12">
-    <div class="flex-greybox">
-      <h1>Contribute a Comment:</h1>
+<hr>
+<div class="row">
+    <div class="col-12">
+        <div class="panel">
+            <h2>Contribute a Comment:</h2>
+        </div>
+    </div>
+</div>
+<div class="row">
+    <div class="col-12">
+        <form action="{% url 'commentaries:commentary' arxiv_or_DOI_string=commentary.arxiv_or_DOI_string %}" method="post">
+          {% csrf_token %}
+          {% load crispy_forms_tags %}
+          {% crispy form %}
+        </form>
     </div>
-    <form action="{% url 'commentaries:commentary' arxiv_or_DOI_string=commentary.arxiv_or_DOI_string %}" method="post">
-      {% csrf_token %}
-      {% load crispy_forms_tags %}
-      {% crispy form %}
-    </form>
-
-    <div class="row">
-      <div class="col-10">
+    <div class="col-12">
         <h3>Preview of your comment:</h3>
         <p id="preview-comment_text"></p>
-      </div>
     </div>
+</div>
 
-  </section>
 {% endif %}
 
 
-{% endblock bodysup %}
+{% endblock content %}

scipost/static/scipost/assets/css/_comments.scss

+
+/* Temporarily due to crispy form */
+legend {
+    font-size: inherit !important;
+}