diff --git a/commentaries/templates/commentaries/_commentary_card_content.html b/commentaries/templates/commentaries/_commentary_card_content.html
index a00cd4ca86eda5aeae8d6dd1be4e027158de80b0..5585602e4414705bb58aec183318cc752476f03d 100644
--- a/commentaries/templates/commentaries/_commentary_card_content.html
+++ b/commentaries/templates/commentaries/_commentary_card_content.html
@@ -2,10 +2,10 @@
     <h3 class="card-title">
         <a href="{% url 'commentaries:commentary' commentary.arxiv_or_DOI_string %}">{{ commentary.pub_title }}</a>
     </h3>
-    <p class="card-text">
-        by {{ commentary.author_list }}{% if commentary.type == 'published' %}, {{ commentary.journal }} {{ commentary.volume }}, {{ commentary.pages }}{% elif commentary.type == 'preprint' %} - <a href="{{ commentary.arxiv_link }}">{{ commentary.arxiv_link }}</a>{% endif %}
+    <p class="mt-0 mb-3">
+        by {{ commentary.author_list }}{% if commentary.type == 'published' %}, {{ commentary.journal }} {{ commentary.volume }}, {{ commentary.pages }}{% elif commentary.type == 'preprint' %} &middot; <a href="{{ commentary.arxiv_link }}">{{ commentary.arxiv_link }}</a>{% endif %}
     </p>
     <p class="card-text text-muted">
-        {% if commentary.pub_date %}(published {{ commentary.pub_date }}) - {% endif %}latest activity: {{ commentary.latest_activity }}
+        {% if commentary.pub_date %}(published {{ commentary.pub_date }}) &middot; {% endif %}latest activity: {{ commentary.latest_activity }}
     </p>
 </div>
diff --git a/comments/templates/comments/_comment_card_content.html b/comments/templates/comments/_comment_card_content.html
index fba6a0aee5a47323a4c8a44090b04290a72b5f62..0d94fd1d473725515db46c4f399e995708667235 100644
--- a/comments/templates/comments/_comment_card_content.html
+++ b/comments/templates/comments/_comment_card_content.html
@@ -1,31 +1,33 @@
 <div class="card-block card-comment">
     {% block card_block_header %}{% endblock %}
-    <p class="card-text">
-        <span class="text-blue">
-            <a href="{% if comment.get_author %}{% url 'scipost:contributor_info' comment.get_author.id %}{% else %}javascript:;{% endif %}">{{comment.get_author_str}}</a>:
-        </span>
+    <p class="card-text pb-1">
+
+        <a href="{% if comment.get_author %}{% url 'scipost:contributor_info' comment.get_author.id %}{% else %}javascript:;{% endif %}">{{comment.get_author_str}}</a><span class="text-blue">:</span>
 
         {% if comment.submission %}
             <a href="{% url 'submissions:submission' comment.submission.arxiv_identifier_w_vn_nr %}#comment_id{{comment.id}}">
-                "{{comment.comment_text|slice:'30'}}{% if comment.comment_text|length > 30 %}...{% endif %}"
+                "{{comment.comment_text|slice:'50'}}{% if comment.comment_text|length > 50 %}...{% endif %}"
             </a>
-            </p><p class="card-text pl-md-3">
-            in submission on <a href="{% url 'submissions:submission' comment.submission.arxiv_identifier_w_vn_nr %}" class="pubtitleli">{{comment.submission.title}}</a>
-            <span class="text-muted">by {{comment.submission.author_list}}</span>
+            </p>
+            <p class="card-text pl-md-4 pb-1">
+                in submission on <a href="{% url 'submissions:submission' comment.submission.arxiv_identifier_w_vn_nr %}" class="pubtitleli">{{comment.submission.title}}</a>
+                <span class="text-muted">by {{comment.submission.author_list}}</span>
         {% elif comment.commentary %}
             <a href="{% url 'commentaries:commentary' comment.commentary.arxiv_or_DOI_string %}#comment_id{{comment.id}}">
-                "{{comment.comment_text|slice:'30'}}{% if comment.comment_text|length > 30 %}...{% endif %}"
+                "{{comment.comment_text|slice:'50'}}{% if comment.comment_text|length > 50 %}...{% endif %}"
             </a>
-            </p><p class="card-text pl-md-3">
-            in commentary on <a href="{% url 'commentaries:commentary' comment.commentary.arxiv_or_DOI_string %}" class="pubtitleli">{{comment.commentary.pub_title}}</a>
-            <span class="text-muted">by {{comment.commentary.author_list}}</span>
+            </p>
+            <p class="card-text pl-md-4 pb-1">
+                in commentary on <a href="{% url 'commentaries:commentary' comment.commentary.arxiv_or_DOI_string %}" class="pubtitleli">{{comment.commentary.pub_title}}</a>
+                <span class="text-muted">by {{comment.commentary.author_list}}</span>
         {% elif comment.thesislink %}
             <a href="{% url 'theses:thesis' comment.thesislink.id %}#comment_id{{comment.id}}">
-                "{{comment.comment_text|slice:'30'}}{% if comment.comment_text|length > 30 %}...{% endif %}"
+                "{{comment.comment_text|slice:'50'}}{% if comment.comment_text|length > 50 %}...{% endif %}"
             </a>
-            </p><p class="card-text pl-md-3">
-            in thesislink on <a href="{% url 'theses:thesis' comment.thesislink.id %}" class="pubtitleli">{{comment.thesislink.title}}</a>
-            <span class="text-muted">by {{ comment.thesislink.author }}</span>
+            </p>
+            <p class="card-text pl-md-4 pb-1">
+                in thesislink on <a href="{% url 'theses:thesis' comment.thesislink.id %}" class="pubtitleli">{{comment.thesislink.title}}</a>
+                <span class="text-muted">by {{ comment.thesislink.author }}</span>
         {% endif %}
-    </p>
+        </p>
 </div>
diff --git a/journals/templates/journals/_base.html b/journals/templates/journals/_base.html
index d1813d03f65b98262441e431460898f13a213ba8..190ee0e1868bafdd7d58d65264b552ba037c03b6 100644
--- a/journals/templates/journals/_base.html
+++ b/journals/templates/journals/_base.html
@@ -6,7 +6,7 @@
 {% block body_class %}{{block.super}} journals{% endblock %}
 
 {% block breadcrumb %}
-    <nav class="breadcrumb py-md-2 px-0">
+    <nav class="breadcrumb py-md-2 px-0 hidden-sm-down">
         <div class="container">
             {% block breadcrumb_items %}
                 <a href="{% url 'journals:journals' %}" class="breadcrumb-item">Journals</a>
@@ -17,7 +17,7 @@
 
 {% block secondary_navbar %}
 <div class="container my-2">
-    <nav class="navbar navbar-secondary px-0">
+    <nav class="navbar navbar-secondary px-0 pt-3">
         <div>
             <h2 class="banner d-inline-block mr-2"><a href="{% url 'scipost:landing_page' journal.doi_label %}">{{journal}}</a></h2>
             <ul class="links">
diff --git a/journals/templates/journals/_publication_card_content.html b/journals/templates/journals/_publication_card_content.html
index fa49f54b421176a2248e07ed238ba2aca14358a8..53231d986a807f0b3dee3cf3bafc8c613e7e36bf 100644
--- a/journals/templates/journals/_publication_card_content.html
+++ b/journals/templates/journals/_publication_card_content.html
@@ -3,6 +3,12 @@
 </div>
 <div class="card-block publication-{{publication.id}}">
     <p class="card-text mb-2">{{ publication.author_list }}</p>
-    <p class="card-text text-muted">{{ publication.citation }} &middot; <span class="font-weight-light">published {{ publication.publication_date|date:'j F Y' }}</span> <span class="mx-1">|</span> <a href="javascript:;" data-toggle="toggle" data-target=".card-block.publication-{{publication.id}} .abstract">Toggle abstract</a> &middot; <a href="{{publication.get_absolute_url}}/pdf" target="_blank">pdf</a></p>
+    <p class="card-text text-muted">
+        {{ publication.citation }} &middot;
+        <span class="font-weight-light">published {{ publication.publication_date|date:'j F Y' }}</span>
+        <span class="mx-1">|</span>
+        <a href="javascript:;" data-toggle="toggle" data-target=".card-block.publication-{{publication.id}} .abstract">Toggle abstract</a>
+        &middot; <a href="{{publication.get_absolute_url}}/pdf" target="_blank">pdf</a>
+    </p>
     <p class="abstract mb-0 mt-2 py-2" style="display:none;">{{ publication.abstract }}</p>
 </div>
diff --git a/journals/templates/journals/add_author.html b/journals/templates/journals/add_author.html
index 977eaff19441cafbba2bc48b695399f819f4cdc2..fe05184c1c9bd756689c78e8cc22c12afdce37ad 100644
--- a/journals/templates/journals/add_author.html
+++ b/journals/templates/journals/add_author.html
@@ -2,6 +2,18 @@
 
 {% block pagetitle %}: add author to publication{% endblock pagetitle %}
 
+{% block breadcrumb %}
+    <nav class="breadcrumb py-md-2 px-0 hidden-sm-down">
+        <div class="container">
+            <a href="{% url 'journals:journals' %}" class="breadcrumb-item">Journals</a>
+            <a href="{{publication.in_issue.in_volume.in_journal.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.in_volume.in_journal}}</a>
+            <a href="{{publication.in_issue.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.short_str}}</a>
+            <a href="{{publication.get_absolute_url}}" class="breadcrumb-item">{{publication.citation}}</a>
+            <span class="breadcrumb-item active">Add author to publication</span>
+        </div>
+    </nav>
+{% endblock %}
+
 {% load scipost_extras %}
 {% load bootstrap %}
 
diff --git a/journals/templates/journals/create_citation_list_metadata.html b/journals/templates/journals/create_citation_list_metadata.html
index 037452a969156d6ed46ce3ec382531b43babf06a..4e961547f63542a6888fc3d6beecbafe530cf9b4 100644
--- a/journals/templates/journals/create_citation_list_metadata.html
+++ b/journals/templates/journals/create_citation_list_metadata.html
@@ -2,40 +2,56 @@
 
 {% block pagetitle %}: Create citation list metadata{% endblock pagetitle %}
 
-{% block bodysup %}
-
-
-<section>
-  <div class="flex-greybox">
-    <h1>Create citation list metadata page</h1>
+{% block breadcrumb %}
+    <nav class="breadcrumb py-md-2 px-0 hidden-sm-down">
+        <div class="container">
+            <a href="{% url 'journals:journals' %}" class="breadcrumb-item">Journals</a>
+            <a href="{{publication.in_issue.in_volume.in_journal.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.in_volume.in_journal}}</a>
+            <a href="{{publication.in_issue.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.short_str}}</a>
+            <a href="{{publication.get_absolute_url}}" class="breadcrumb-item">{{publication.citation}}</a>
+            <span class="breadcrumb-item active">Create citation list metadata</span>
+        </div>
+    </nav>
+{% endblock %}
+
+{% load bootstrap %}
+
+{% block content %}
+
+<div class="row">
+  <div class="col-12">
+    <h1 class="highlight">Create citation list metadata page</h1>
   </div>
+</div>
 
-  {% if errormessage %}
-    <h2 style="color: red;">{{ errormessage }}</h2>
-  {% endif %}
-
-  <form action="{% url 'journals:create_citation_list_metadata' publication.doi_label %}" method="post">
-    {% csrf_token %}
-    {{ bibitems_form.as_p }}
-    <input type="submit" value="Submit">
-  </form>
 
-  <hr class="hr6"/>
+<div class="row">
+  <div class="col-12">
+      {% if errormessage %}
+        <h2 class="text-danger">{{ errormessage }}</h2>
+      {% endif %}
 
-  <h3>Current citation list metadata:</h3>
-  <table>
-    {% for citation in citation_list %}
-      <tr>
-        <td>{{ citation.key }}</td><td>{{ citation.doi }}</td>
-      </tr>
-    {% endfor %}
-  </table>
+      <form action="{% url 'journals:create_citation_list_metadata' publication.doi_label %}" method="post">
+        {% csrf_token %}
+        {{ bibitems_form|bootstrap }}
+        <input type="submit" class="btn btn-secondary" value="Submit">
+      </form>
 
-  <hr class="hr6"/>
+      <hr>
 
-  <h3>Once you're happy with this metadata, you can <a href="{{publication.get_absolute_url}}">return to the publication's page</a></h3>
+      <h3>Current citation list metadata:</h3>
+      <table>
+        {% for citation in citation_list %}
+          <tr>
+            <td>{{ citation.key }}</td><td>{{ citation.doi }}</td>
+          </tr>
+        {% endfor %}
+      </table>
 
-</section>
+      <hr>
 
+      <h3>Once you're happy with this metadata, you can <a href="{{publication.get_absolute_url}}">return to the publication's page</a></h3>
+    </div>
+</div>
 
-{% endblock bodysup %}
+{% endblock %}
diff --git a/journals/templates/journals/create_funding_info_metadata.html b/journals/templates/journals/create_funding_info_metadata.html
index 5c953dd55e919990876bdbad2dfa86ed3ea86efd..d1df43cbfc4c5fe5d817898a1f31cb3248435897 100644
--- a/journals/templates/journals/create_funding_info_metadata.html
+++ b/journals/templates/journals/create_funding_info_metadata.html
@@ -2,34 +2,52 @@
 
 {% block pagetitle %}: Create funding info metadata{% endblock pagetitle %}
 
-{% block bodysup %}
+{% block breadcrumb %}
+    <nav class="breadcrumb py-md-2 px-0 hidden-sm-down">
+        <div class="container">
+            <a href="{% url 'journals:journals' %}" class="breadcrumb-item">Journals</a>
+            <a href="{{publication.in_issue.in_volume.in_journal.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.in_volume.in_journal}}</a>
+            <a href="{{publication.in_issue.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.short_str}}</a>
+            <a href="{{publication.get_absolute_url}}" class="breadcrumb-item">{{publication.citation}}</a>
+            <span class="breadcrumb-item active">Create funding info metadata</span>
+        </div>
+    </nav>
+{% endblock %}
 
+{% load bootstrap %}
 
-<section>
-  <div class="flex-greybox">
-    <h1>Create funding info metadata page</h1>
-  </div>
+{% block content %}
 
-  {% if errormessage %}
-    <h2 style="color: red;">{{ errormessage }}</h2>
-  {% endif %}
+<div class="row">
+    <div class="col-12">
+        <h1 class="highlight">Create funding info metadata page</h1>
+    </div>
+</div>
 
-  <form action="{% url 'journals:create_funding_info_metadata' publication.doi_label %}" method="post">
-    {% csrf_token %}
-    {{ funding_info_form.as_p }}
-    <input type="submit" value="Submit">
-  </form>
 
-  <hr class="hr6"/>
+<div class="row">
+    <div class="col-12">
 
-  <h3>Current funding info metadata:</h3>
-  <p>{{ funding_statement }}</p>
+      {% if errormessage %}
+        <h2 class="text-danger">{{ errormessage }}</h2>
+      {% endif %}
 
-  <hr class="hr6"/>
+      <form action="{% url 'journals:create_funding_info_metadata' publication.doi_label %}" method="post">
+        {% csrf_token %}
+        {{ funding_info_form|bootstrap }}
+        <input type="submit" class="btn btn-secondary" value="Submit">
+      </form>
 
-  <h3>Once you're happy with this metadata, you can <a href="{{publication.get_absolute_url}}">return to the publication's page</a></h3>
+     <hr>
+        <h3 class="mt-3">Current funding info metadata:</h3>
+        <p>{{funding_statement|linebreaks}}</p>
 
-</section>
+      <hr>
 
+      <h3>Once you're happy with this metadata, you can <a href="{{publication.get_absolute_url}}">return to the publication's page</a></h3>
 
-{% endblock bodysup %}
+    </div>
+</div>
+
+
+{% endblock %}
diff --git a/journals/templates/journals/create_metadata_xml.html b/journals/templates/journals/create_metadata_xml.html
index 3caea010544c52b21d392abdfd87f0f02badd9c1..9056a8665e7b3217c84549aec50bac154ce71037 100644
--- a/journals/templates/journals/create_metadata_xml.html
+++ b/journals/templates/journals/create_metadata_xml.html
@@ -2,34 +2,55 @@
 
 {% block pagetitle %}: Create metadata xml{% endblock pagetitle %}
 
-{% block bodysup %}
-
-
-<section>
-  <div class="flex-greybox">
-    <h1>Create metadata XML (for Crossref deposit)</h1>
-  </div>
-
-  {% if errormessage %}
-  <h2 style="color: red;">{{ errormessage }}</h2>
-  {% endif %}
-
-  <form action="{% url 'journals:create_metadata_xml' publication.doi_label %}" method="post">
-    {% csrf_token %}
-    {{ create_metadata_xml_form.as_p }}
-    <input type="submit" value="Accept the metadata">
-  </form>
-
-  <hr class="hr6"/>
-
-  <h3>Current metadata xml:</h3>
-  <p>{{ publication.metadata_xml|linebreaks }}</p>
-
-  <hr class="hr6"/>
-
-  <h3>Once you're happy with this metadata, you can <a href="{{publication.get_absolute_url}}">return to the publication's page</a></h3>
-
-</section>
-
-
-{% endblock bodysup %}
+{% block breadcrumb %}
+    <nav class="breadcrumb py-md-2 px-0 hidden-sm-down">
+        <div class="container">
+            <a href="{% url 'journals:journals' %}" class="breadcrumb-item">Journals</a>
+            <a href="{{publication.in_issue.in_volume.in_journal.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.in_volume.in_journal}}</a>
+            <a href="{{publication.in_issue.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.short_str}}</a>
+            <a href="{{publication.get_absolute_url}}" class="breadcrumb-item">{{publication.citation}}</a>
+            <span class="breadcrumb-item active">Create metadata XML</span>
+        </div>
+    </nav>
+{% endblock %}
+
+{% load bootstrap %}
+
+{% block content %}
+
+<div class="row">
+    <div class="col-12">
+        <h1 class="highlight">Create metadata XML (for Crossref deposit)</h1>
+    </div>
+</div>
+
+<div class="row">
+    <div class="col-12">
+      {% if errormessage %}
+          <h2 class="text-danger">{{ errormessage }}</h2>
+      {% endif %}
+
+      <form action="{% url 'journals:create_metadata_xml' publication.doi_label %}" method="post">
+        {% csrf_token %}
+        {{ create_metadata_xml_form|bootstrap }}
+        <input type="submit" class="btn btn-secondary" value="Accept the metadata">
+      </form>
+
+      <hr class="hr6"/>
+
+      <h3>Current metadata xml:</h3>
+      <div>
+          <pre><code>
+              {{ publication.metadata_xml|linebreaks }}
+          </code></pre>
+      </div>
+
+      <hr class="hr6"/>
+
+      <h3>Once you're happy with this metadata, you can <a href="{{publication.get_absolute_url}}">return to the publication's page</a></h3>
+
+    </div>
+</div>
+
+
+{% endblock content %}
diff --git a/journals/templates/journals/metadata_xml_deposit.html b/journals/templates/journals/metadata_xml_deposit.html
index bc16e8cc58a40b697bfbac89e9691e310288a04a..2c3bdeac6e0a5d9c358ae8751cf3b8480e76c8a1 100644
--- a/journals/templates/journals/metadata_xml_deposit.html
+++ b/journals/templates/journals/metadata_xml_deposit.html
@@ -2,29 +2,47 @@
 
 {% block pagetitle %}: metadata XML deposit{% endblock pagetitle %}
 
-{% block bodysup %}
-
-
-<section>
-  <div class="flex-greybox">
-    <h1>Metadata deposit</h1>
+{% block breadcrumb %}
+    <nav class="breadcrumb py-md-2 px-0 hidden-sm-down">
+        <div class="container">
+            <a href="{% url 'journals:journals' %}" class="breadcrumb-item">Journals</a>
+            <a href="{{publication.in_issue.in_volume.in_journal.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.in_volume.in_journal}}</a>
+            <a href="{{publication.in_issue.get_absolute_url}}" class="breadcrumb-item">{{publication.in_issue.short_str}}</a>
+            <a href="{{publication.get_absolute_url}}" class="breadcrumb-item">{{publication.citation}}</a>
+            <span class="breadcrumb-item active">Metadata XML deposit</span>
+        </div>
+    </nav>
+{% endblock %}
+
+{% block content %}
+
+
+<div class="row">
+  <div class="col-12">
+    <h1 class="highlight">Metadata deposit <small>(using the {{ option }} server)</small></h1>
   </div>
+</div>
 
-  <h2>(using the {{ option }} server)</h2>
 
+<div class="row">
+  <div class="col-12">
   {% if errormessage %}
-    <h2 style="color: red;">{{ errormessage }}</h2>
+    <h2 class="text-danger">{{ errormessage }}</h2>
   {% endif %}
 
-  <h3>Response headers:</h3>
-  <p>{{ response_headers|linebreaks }}</p>
+  <h3 class="my-1">Response headers:</h3>
+  <div>
+      <pre><code>{{ response_headers|linebreaks }}</code></pre>
+  </div>
 
-  <h3>Response text:</h3>
+  <h3 class="mt-3">Response text:</h3>
   <p>{{ response_text|linebreaks }}</p>
 
   <h3><a href="{{publication.get_absolute_url}}">return to the publication's page</a></h3>
 
-</section>
+
+    </div>
+</div>
 
 
-{% endblock bodysup %}
+{% endblock %}
diff --git a/journals/templates/journals/publication_detail.html b/journals/templates/journals/publication_detail.html
index e71cba60ff028d343366224a34d76021edc3b27f..d99cef1a70bcffe2a95c28cf541656b08dd38770 100644
--- a/journals/templates/journals/publication_detail.html
+++ b/journals/templates/journals/publication_detail.html
@@ -72,10 +72,10 @@
             <h3>View more material from these authors:</h3>
             <p>
             {% for author in publication.authors.all %}
-              <a href="/contributor/{{ author.id }}">{{ author }}</a>&nbsp;&nbsp;
+              <a href="{{author.get_absolute_url}}">{{ author }}</a> {% if not forloop.last %}&nbsp;&middot;&nbsp;{% endif %}
             {% endfor %}
             {% for author in publication.authors_unregistered.all %}
-              {{ author }}&nbsp;&nbsp;
+              {{ author }} {% if not forloop.last %}&nbsp;&middot;&nbsp;{% endif %}
             {% endfor %}
             </p>
         </div>
diff --git a/news/templates/news/news_card_content.html b/news/templates/news/news_card_content.html
index d586cf303f24d3143e0e46134fe36ddb96d927fc..e8e7c611190571a378eaea59bb53ceafbe01d371 100644
--- a/news/templates/news/news_card_content.html
+++ b/news/templates/news/news_card_content.html
@@ -1,7 +1,7 @@
-<div class="card-block px-0 pt-0 news-item" id="news_{{news.id}}">
+<div class="card-block news-item" id="news_{{news.id}}">
     <h3 class="card-title mb-0">{{news.headline}}</h3>
     <div class="px-1 mt-1">
-        <h4 class="text-muted font-weight-bold">{{news.date|date:'Y-n-j'}}</h4>
+        <h4 class="text-muted">{{news.date|date:'Y-n-j'}}</h4>
         <div>{{news.blurb|linebreaks}}</div>
 
         {% if news.followup_link %}
diff --git a/news/templates/news/newsitem_list.html b/news/templates/news/newsitem_list.html
new file mode 100644
index 0000000000000000000000000000000000000000..01b17aa4c0a1b932bffa869585ae4c24686f4d9a
--- /dev/null
+++ b/news/templates/news/newsitem_list.html
@@ -0,0 +1,54 @@
+{% extends 'scipost/base.html' %}
+
+{% block pagetitle %}: News{% endblock pagetitle %}
+
+{% load request_filters %}
+{% load staticfiles %}
+
+{% block content %}
+
+<div class="row">
+    <div class="col-12">
+        <h1 class="highlight">SciPost News</h1>
+    </div>
+</div>
+
+<div class="row">
+    <div class="col-12">
+        {% if is_paginated %}
+              <p>
+              {% if page_obj.has_previous %}
+                <a href="?{% url_replace page=page_obj.previous_page_number %}">Previous</a>
+              {% endif %}
+              Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.
+              {% if page_obj.has_next %}
+                <a href="?{% url_replace page=page_obj.next_page_number %}">Next</a>
+              {% endif %}
+              <span class="float-right"><a href="{% url 'scipost:index' %}">Go back to the homepage.</a></span>
+              </p>
+          {% endif %}
+
+        {% for item in object_list %}
+            <div class="card card-grey card-news">
+                {% include 'news/news_card_content.html' with news=item %}
+            </div>
+        {% empty %}
+            <div>No news found.</div>
+        {% endfor %}
+
+        {% if is_paginated %}
+              <p class="mt-4">
+              {% if page_obj.has_previous %}
+                <a href="?{% url_replace page=page_obj.previous_page_number %}">Previous</a>
+              {% endif %}
+              Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.
+              {% if page_obj.has_next %}
+                <a href="?{% url_replace page=page_obj.next_page_number %}">Next</a>
+              {% endif %}
+              <span class="float-right"><a href="{% url 'scipost:index' %}">Go back to the homepage.</a></span>
+              </p>
+          {% endif %}
+    </div>
+</div>
+
+{% endblock content %}
diff --git a/news/urls.py b/news/urls.py
index a84f2906bb39ef2937fe1a6ca284e8e6a77368e7..039616e4e21fa70543e8320d79a6601f495e906f 100644
--- a/news/urls.py
+++ b/news/urls.py
@@ -3,5 +3,5 @@ from django.conf.urls import url
 from . import views
 
 urlpatterns = [
-    url(r'^$', views.news, name='news'),
+    url(r'^$', views.NewsListView.as_view(), name='news'),
 ]
diff --git a/news/views.py b/news/views.py
index 6e6773d73118132b4eeeb2ca1c21b4aa6b1dd138..d1b9f775678f474db67de2e18a5b90dd9e32f4a6 100644
--- a/news/views.py
+++ b/news/views.py
@@ -1,9 +1,8 @@
-from django.shortcuts import render
+from django.views.generic.list import ListView
 
 from .models import NewsItem
 
 
-def news(request):
-    newsitems = NewsItem.objects.all().order_by('-date')
-    context = {'newsitems': newsitems}
-    return render(request, 'scipost/news.html', context)
+class NewsListView(ListView):
+    model = NewsItem
+    paginate_by = 10
diff --git a/scipost/models.py b/scipost/models.py
index 1b2fa091fee75a4422c4f6186913904e4c3a48a8..d8a4d015c2ad35650c0c263d079748bb33b25bd0 100644
--- a/scipost/models.py
+++ b/scipost/models.py
@@ -3,12 +3,12 @@ import hashlib
 import random
 import string
 
+from django.core.urlresolvers import reverse
 from django.contrib.auth.models import User
 from django.contrib.postgres.fields import ArrayField
 from django.db import models
 from django.template import Template, Context
 from django.utils import timezone
-from django.utils.safestring import mark_safe
 
 from django_countries.fields import CountryField
 
@@ -69,6 +69,9 @@ class Contributor(models.Model):
     def __str__(self):
         return '%s, %s' % (self.user.last_name, self.user.first_name)
 
+    def get_absolute_url(self):
+        return reverse('scipost:contributor_info', args=(self.id,))
+
     def get_formal_display(self):
         return '%s %s %s' % (self.get_title_display(), self.user.first_name, self.user.last_name)
 
diff --git a/scipost/static/scipost/assets/config/preconfig.scss b/scipost/static/scipost/assets/config/preconfig.scss
index 863c6b614944ac3ce0d5d33173ff8549eccf6382..cb57c42b2f35ba4ae917e2914638715d99018a81 100644
--- a/scipost/static/scipost/assets/config/preconfig.scss
+++ b/scipost/static/scipost/assets/config/preconfig.scss
@@ -1,6 +1,7 @@
 // General variable structure
 //
 //
+$border-radius-base: 0;
 
 // Grid
 //
@@ -11,7 +12,6 @@ $container-max-widths: (
     lg: 1160px,
     xl: 1200px
 );
-
 .row {
     margin-bottom: 1rem;
 }
diff --git a/scipost/static/scipost/assets/css/_cards.scss b/scipost/static/scipost/assets/css/_cards.scss
index bbf4c1f53c5a51926ad82eec28ce816c0c875a1c..4abaef465c9f1c5c07ee9a82c3ddc170f843b8c7 100644
--- a/scipost/static/scipost/assets/css/_cards.scss
+++ b/scipost/static/scipost/assets/css/_cards.scss
@@ -3,11 +3,12 @@
 
     &.card-grey {
         background-color: #F4F4F4;
-        border-color: #ddd;
+        border-color: #ececec;
     }
 
     &.card-publication {
         box-shadow: 0 1px 0 0 #ddd;
+        border-color: #ddd;
 
         .card-header {
             background-color: #eee;
diff --git a/scipost/static/scipost/assets/css/_form.scss b/scipost/static/scipost/assets/css/_form.scss
index bb58a171713ec10b6308fbe2d12870a507b7c1a7..4de7ec29f551e593b9181c3ebd964411a8e96000 100644
--- a/scipost/static/scipost/assets/css/_form.scss
+++ b/scipost/static/scipost/assets/css/_form.scss
@@ -59,7 +59,7 @@ input[type="file"] {
         line-height: 1.75;
 
         &:hover {
-            border-color: #d3e3f6 !important;
+            border-color: #ccc !important;
         }
     }
 
diff --git a/scipost/static/scipost/assets/css/_list_group.scss b/scipost/static/scipost/assets/css/_list_group.scss
index 773da713e8db185741b7b2c6288588e6f557b5a8..a1c49fc9caa46a5e5b953dd2e6b29511e762ba09 100644
--- a/scipost/static/scipost/assets/css/_list_group.scss
+++ b/scipost/static/scipost/assets/css/_list_group.scss
@@ -2,3 +2,8 @@
  .list-group-noborder .list-group-item {
      border: 0;
  }
+
+.list-group-item {
+    margin-bottom: 0;
+    border-top-color: #f9f9f9;
+}
diff --git a/scipost/static/scipost/assets/css/_type.scss b/scipost/static/scipost/assets/css/_type.scss
index f727c839c24d1a58a0ace310a810663519686aae..34edc1a3e3ca48eb324f53138aa1881162f57d0a 100644
--- a/scipost/static/scipost/assets/css/_type.scss
+++ b/scipost/static/scipost/assets/css/_type.scss
@@ -22,6 +22,10 @@ h1 > a {
     color: $scipost-darkblue;
 }
 
+h3 {
+    line-height: normal;
+}
+
 h5, h6 {
     font-weight: 300;
 }
diff --git a/scipost/templates/scipost/FAQ.html b/scipost/templates/scipost/FAQ.html
index fb3f7f91c91b41a66f8d5a421a3bf0a9a9d27e77..3c6d8e5b7f7c607bd293755115fad5d2498d3b4d 100644
--- a/scipost/templates/scipost/FAQ.html
+++ b/scipost/templates/scipost/FAQ.html
@@ -143,7 +143,7 @@
 
             <h3>Who is behind SciPost?</h3>
             <ul>
-                <li>SciPost was founded by <a target="_blank" href="http://staff.fnwi.uva.nl/j.s.caux">J.-S. Caux</a>, Professor of Theoretical Physics at the University of Amsterdam.</li>
+                <li>SciPost was founded by <a target="_blank" href="//jscaux.org/">J.-S. Caux</a>, Professor of Theoretical Physics at the University of Amsterdam.</li>
                 <li>The legal entity behind SciPost is <a href="{% url 'scipost:foundation' %}">Stichting SciPost</a>, a not-for-profit Foundation established in Amsterdam. Its (non-remunerated) personnel consists in Prof. J.-S. Caux (chairman), Dr J. van Mameren (secretary) and Dr J. van Wezel (treasurer). The portal is run by a team of volunteer officers coordinated by the Foundation.</li>
             </ul>
 
@@ -163,7 +163,7 @@
             <hr>
             <h3>How is SciPost funded?</h3>
             <p>SciPost operates non-commercially, incurring minimal costs. Contributors, who are by definition all academically employed, provide all the content and perform all editorial tasks as part of their normal institutional academic duties. Operations are kept running by a team of volunteer officers, themselves academically employed.</p>
-            <p>Support for operational costs is initially provided by the <a target="_blank" href="http://www.nwo.nl/en">NWO</a> in the Netherlands. Long-term operations will be financed by donations from national funding agencies, universities, societies, foundations and individuals. If you are interested in financially supporting SciPost, <a href="mailto:J.S.Caux@uva.nl">contact us</a>.</p>
+            <p>Support for operational costs is initially provided by the <a target="_blank" href="http://www.nwo.nl/en">NWO</a> in the Netherlands. Long-term operations will be financed by donations from national funding agencies, universities, societies, foundations and individuals. If you are interested in financially supporting SciPost, <a href="mailto:jscaux@scipost.org">contact us</a>.</p>
     </div>
 </div>
 
diff --git a/scipost/templates/scipost/_personal_page_base.html b/scipost/templates/scipost/_personal_page_base.html
index a60e5b5b1129a08d124e3bc4a5c52d9719eee89f..d49b0b375cca3ea9c00f41f6f7052379a5403476 100644
--- a/scipost/templates/scipost/_personal_page_base.html
+++ b/scipost/templates/scipost/_personal_page_base.html
@@ -1,7 +1,7 @@
 {% extends 'scipost/base.html' %}
 
 {% block breadcrumb %}
-    <nav class="breadcrumb py-md-2 px-0">
+    <nav class="breadcrumb py-md-2 px-0 hidden-sm-down">
         <div class="container">
             {% block breadcrumb_items %}
                 <a href="{% url 'scipost:personal_page' %}" class="breadcrumb-item">Personal Page</a>
diff --git a/scipost/templates/scipost/footer.html b/scipost/templates/scipost/footer.html
index ada3d585ad39bcaaf85c6c5def0626ee995ad9a4..4fa5a8f7a065bd76b0cd174651504173e39c7a56 100644
--- a/scipost/templates/scipost/footer.html
+++ b/scipost/templates/scipost/footer.html
@@ -7,6 +7,8 @@
       <br/>
       <a href="mailto:admin@scipost.org">Contact the administrators.</a>
       <br/>
+      <a href="mailto:techsupport@scipost.org">Contact the technical staff for support and feedback.</a>
+      <br/>
       <a href="{% url 'scipost:terms_and_conditions' %}">Terms and conditions.</a>
     </div>
     <div class="col-md-3">
diff --git a/scipost/templates/scipost/foundation.html b/scipost/templates/scipost/foundation.html
index e167cd6979fb69c204743f75d92ddecb7d786c21..0344ceac5bd2ccc754130e3d082c4248415ef6cf 100644
--- a/scipost/templates/scipost/foundation.html
+++ b/scipost/templates/scipost/foundation.html
@@ -4,91 +4,104 @@
 
 {% load staticfiles %}
 
-{% block bodysup %}
+{% block content %}
 
-
-<section>
-  <div class="flex-container">
-    <div class="flex-greybox">
-      <h1>The SciPost Foundation (Stichting SciPost)</h1>
+<div class="row">
+    <div class="col-12">
+      <h1 class="highlight">The SciPost Foundation (Stichting SciPost)</h1>
     </div>
-  </div>
+</div>
 
-  <div class="flex-whitebox">
-    <p>
-      The SciPost Foundation, Inc. is a nonprofit organization dedicated to developing,
-      implementing and maintaining innovative forms of electronic scientific
-      communication and publishing.
-      The SciPost Foundation operates the <a href="{% url 'scipost:index' %}">SciPost.org</a>
-      interactive online portal for the benefit of the international scientific community
-      and further interested parties.
-    </p>
-    <p>You can consult the
-      <a href="{% static 'scipost/info/afschrift_OPR_St_SciPost.pdf' %}">Act of Foundation</a> (official version, in Dutch).</p>
-    <p>You can also consult our most recent <a href="{% static 'scipost/info/SciPost_Business_Plan_2016_08.pdf' %}">business plan</a>.
-    </p>
+<div class="row">
+    <div class="col-12">
+        <p>
+          The SciPost Foundation, Inc. is a nonprofit organization dedicated to developing,
+          implementing and maintaining innovative forms of electronic scientific
+          communication and publishing.
+          The SciPost Foundation operates the <a href="{% url 'scipost:index' %}">SciPost.org</a>
+          interactive online portal for the benefit of the international scientific community
+          and further interested parties.
+        </p>
+        <p>You can consult the
+          <a href="{% static 'scipost/info/afschrift_OPR_St_SciPost.pdf' %}">Act of Foundation</a> (official version, in Dutch).</p>
+        <p>You can also consult our most recent <a href="{% static 'scipost/info/SciPost_Business_Plan_2016_08.pdf' %}">business plan</a>.
+        </p>
   </div>
+</div>
 
-  <hr class="hr6"/>
+<div class="row">
+    <div class="col-12">
+        <div class="card-deck">
+            <div class="card">
+                <div class="card-block">
+                	<h2 class="highlight">SciPost Board</h2>
+                    <ul>
+                	  <li>Chairman: Prof. J.-S. Caux</li>
+                	  <li>Secretary: Dr J. van Mameren</li>
+                	  <li>Treasurer: Dr J. van Wezel</li>
+                	</ul>
+                	<p class="px-2">Board members do not receive any salary or financial compensation of any form for their work for the Foundation.</p>
+                </div>
+            </div>
 
-  <div class="flex-container">
-    <div class="flex-whitebox320">
-      <div class="flex-greybox">
-	<h2>SciPost Board:</h2>
-      </div>
-      <div class="flex-whitebox">
-	<ul>
-	  <li>Chairman: Prof. J.-S. Caux</li>
-	  <li>Secretary: Dr J. van Mameren</li>
-	  <li>Treasurer: Dr J. van Wezel</li>
-	</ul>
-	<p>Board members do not receive any salary or financial compensation of any form for their work for the Foundation.</p>
-      </div>
-    </div>
-    <div class="flex-whitebox320">
-      <div class="flex-greybox">
-	<h2>Contact details</h2>
-      </div>
-      <div class="flex-whitebox">
-	<p>c/o Prof. <a href="mailto:jscaux@scipost.org">J.-S. Caux</a></p>
-	<p>Institute of Physics</p>
-	<p>University of Amsterdam</p>
-	<p>Science Park 904</p>
-	<p>1098 XH</p>
-	<p>Amsterdam</p>
-	<p>The Netherlands</p>
-	<p>+31(0)20 525 5775</p>
-      </div>
-    </div>
-    <div class="flex-whitebox320">
-      <div class="flex-greybox">
-	<h2>Registration</h2>
-      </div>
-      <div class="flex-whitebox">
-	<p>Dutch Chamber of Commerce nr 65280083.</p>
-	<p>RSIN 856049487.</p>
-	<p><a href="{% static 'scipost/info/uittreksel_Stichting_SciPost.pdf' %}">Registration extract</a>.
-      </div>
-    </div>
-    <div class="flex-whitebox320">
-      <div class="flex-greybox">
-	<h2>Yearly Reports</h2>
-      </div>
-      <div class="flex-whitebox">
-	<p>2016 (to be published)</p>
-      </div>
-    </div>
-    <div class="flex-whitebox320">
-      <div class="flex-greybox">
-	<h2>Financial Reports</h2>
-      </div>
-      <div class="flex-whitebox">
-	<p>2016-7 (to be published)</p>
-      </div>
+            <div class="card">
+                <div class="card-block">
+                	<h2 class="highlight">Contact details</h2>
+
+                    <address class="px-2">
+                        c/o Prof. <a href="mailto:jscaux@scipost.org">J.-S. Caux</a></br>
+                    	Institute of Physics</br>
+                    	University of Amsterdam</br>
+                    	Science Park 904</br>
+                    	1098 XH</br>
+                    	Amsterdam</br>
+                    	The Netherlands</br>
+                    	+31(0)20 525 5775</br>
+                    </address>
+                </div>
+            </div>
+
+            <div class="card">
+                <div class="card-block">
+                	<h2 class="highlight">Registration</h2>
+
+                    <div class="px-2">
+                      	<p>
+                            Dutch Chamber of Commerce nr 65280083.</br>
+                      	    RSIN 856049487.<br>
+                      	    <a href="{% static 'scipost/info/uittreksel_Stichting_SciPost.pdf' %}">Registration extract</a>.
+                         </p>
+                    </div>
+                </div>
+            </div>
+        </div>
     </div>
-  </div>
+</div>
+
+<div class="row">
+    <div class="col-12">
+        <div class="card-deck">
+            <div class="card">
+                <div class="card-block">
+                	<h2 class="highlight">Registration</h2>
+                </div>
+            </div>
 
-</section>
+            <div class="card">
+                <div class="card-block">
+                	<h2 class="highlight">Yearly Reports</h2>
+                    <p class="px-2">2016 (to be published)</p>
+                </div>
+            </div>
 
+            <div class="card">
+                <div class="card-block">
+                	<h2 class="highlight">Financial Reports</h2>
+                    <p class="px-2">2016-7 (to be published)</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
 
-{% endblock bodysup %}
+{% endblock %}
diff --git a/scipost/templates/scipost/index.html b/scipost/templates/scipost/index.html
index c59c9d8383fb89111b569cd4cd895bed0591c90e..76cb80bbb7853b0d72ca0a75aaa5b776a86b7f3e 100644
--- a/scipost/templates/scipost/index.html
+++ b/scipost/templates/scipost/index.html
@@ -12,7 +12,7 @@
 {% endblock %}
 
 {% block content %}
-<div class="row pt-3">
+<div class="row pt-2">
     <div class="col-md-7">
         <!-- Latest publications -->
         <div class="card card-grey">
@@ -33,7 +33,7 @@
         </div><!-- End latest publications -->
 
         <!-- Latest submissions -->
-        <div class="card card-grey">
+        <div class="card card-grey mt-4">
             <div class="card-header">
                 <h2 class="card-title mb-0"><a href="{% url 'submissions:submissions' %}" class="text-black">Latest Submissions</a></h2>
             </div>
diff --git a/scipost/templates/scipost/news.html b/scipost/templates/scipost/news.html
deleted file mode 100644
index 71982a644a9dd23d04c4c0090f67b18d4eb5a525..0000000000000000000000000000000000000000
--- a/scipost/templates/scipost/news.html
+++ /dev/null
@@ -1,25 +0,0 @@
-{% extends 'scipost/base.html' %}
-
-{% block pagetitle %}: News{% endblock pagetitle %}
-
-{% load staticfiles %}
-
-{% block content %}
-
-<div class="row">
-    <div class="col-12">
-        <h1 class="highlight">SciPost News</h1>
-    </div>
-</div>
-
-<div class="row">
-    <div class="col-12">
-        {% for item in newsitems %}
-            <div class="card card-grey card-news">
-                {% include 'news/news_card_content.html' with news=item %}
-            </div>
-        {% endfor %}
-    </div>
-</div>
-
-{% endblock content %}
diff --git a/scipost/templates/scipost/privacy_policy.html b/scipost/templates/scipost/privacy_policy.html
index 998bf246c5d9cb02a6067cfeb75d85155bf0a91b..839fd1ae51abdac5713cb0f5369734f012cdfeeb 100644
--- a/scipost/templates/scipost/privacy_policy.html
+++ b/scipost/templates/scipost/privacy_policy.html
@@ -4,20 +4,16 @@
 
 {% load staticfiles %}
 
-{% block bodysup %}
+{% block content %}
 
-
-
-<section>
-  <div class="flex-container">
-    <div class="flex-greybox">
-      <h1>SciPost Privacy Policy</h1>
+<div class="row">
+    <div class="col-12">
+      <h1 class="highlight">SciPost Privacy Policy</h1>
     </div>
-  </div>
+</div>
 
-  <div class="row">
-    <div class="col-1"></div>
-    <div class="col-10">
+<div class="row">
+    <div class="col-12">
 
       <p>If you have questions about deleting or correcting your personal data please contact us. Stichting SciPost, Ltd. (“SciPost”) operates a Website at scipost.org. It is SciPost’s policy to respect your privacy regarding any information we may collect while operating our Web sites.</p>
 
@@ -41,8 +37,8 @@
 
       <p> First published March 30, 2016.</p>
 
+      <a href="{% url 'scipost:FAQ' %}">Return to frequently asked questions</a>
     </div>
-</section>
-
+</div>
 
-{% endblock bodysup %}
+{% endblock %}
diff --git a/scipost/urls.py b/scipost/urls.py
index 5b8809d94c62da572e14e96c9f00ed5d6e11769a..32fa9c76776c405c285834667ff2c24838bb0744 100644
--- a/scipost/urls.py
+++ b/scipost/urls.py
@@ -136,7 +136,8 @@ urlpatterns = [
         name='mark_unavailable_period'),
 
     # Contributor info
-    url(r'^contributor/(?P<contributor_id>[0-9]+)$', views.contributor_info, name="contributor_info"),
+    url(r'^contributor/(?P<contributor_id>[0-9]+)$', views.contributor_info,
+        name="contributor_info"),
 
     # Authorship claims
     url(r'^claim_authorships$', views.claim_authorships, name="claim_authorships"),
diff --git a/scipost/views.py b/scipost/views.py
index 92358cc472dce943b1a419266991c270ef60c4ce..16f627531038dd24f3b7ca576658d744e1326595 100644
--- a/scipost/views.py
+++ b/scipost/views.py
@@ -1273,7 +1273,6 @@ def Fellow_activity_overview(request, Fellow_id=None):
     return render(request, 'scipost/Fellow_activity_overview.html', context)
 
 
-
 class AboutView(ListView):
     model = EditorialCollege
     template_name = 'scipost/about.html'
diff --git a/submissions/templates/submissions/author_guidelines.html b/submissions/templates/submissions/author_guidelines.html
index d091602ab333d4d0ba4c2d232994f75679e609f2..4363952e027225cc19122bd0769ad45989b95cbf 100644
--- a/submissions/templates/submissions/author_guidelines.html
+++ b/submissions/templates/submissions/author_guidelines.html
@@ -4,18 +4,20 @@
 
 {% block headsup %} {% load staticfiles %} {% endblock headsup %}
 
-{% block bodysup %}
+{% block content %}
 
-
-<section>
-
-  <div class="flex-greybox">
-    <h1>Author Guidelines</h1>
+<div class="row">
+  <div class="col-12">
+    <h1 class="highlight">Author Guidelines</h1>
   </div>
+</div>
+
+<div class="row">
+  <div class="col-12">
   <p>Before submitting to SciPost, you should familiarize yourself with the
     <a href="{% url 'journals:journals_terms_and_conditions' %}">SciPost Journals Terms and Conditions</a>.</p>
 
-  <hr class="hr12"/>
+  <hr>
   <h2>Manuscript preparation</h2>
 
   <p>We prefer authors to prepare their manuscript using the SciPost LaTeX2e style, which you can download
@@ -39,52 +41,52 @@
     <p>Including the DOI is particularly important: the paper can only be published if references are externally linked.</p>
   </p>
 
-  <h3>The article should contain the following elements:</h3>
-  <ul>
-    <li>Title
-      <p>The title should ideally fit in two lines (approximately 150 characters) or less,
-	and be descriptive of the research reported.</p>
-    </li>
-    <li>Authors
-      <p>Authors should be listed by initials and last name, with superscript reference to their affiliation.
-	The corresponding author should be indicated with a superscript asterisk.</p>
-    <li>Abstract
-      <p>The abstract should fit within 8 lines of the template.</p>
-    </li>
-    <li>Bulk Sections
-      <p>The bulk of the paper should be clearly divided into sections with short descriptive titles, including an introduction and a conclusion.</p>
-    </li>
-    <li>Figures
-      <p>If figures are included, they should only occupy the strictly necessary space, in any case individually fitting on a single page.
+  <h3 class="mb-2">The article should contain the following elements:</h3>
+  <dl class="row">
+    <dt class="col-sm-3 col-md-2">Title</dt>
+    <dd class="col-sm-9 col-md-10">The title should ideally fit in two lines (approximately 150 characters) or less,
+	and be descriptive of the research reported.</dd>
+
+    <dt class="col-sm-3 col-md-2">Authors</dt>
+    <dd class="col-sm-9 col-md-10">Authors should be listed by initials and last name, with superscript reference to their affiliation.
+	The corresponding author should be indicated with a superscript asterisk.</dd>
+
+    <dt class="col-sm-3 col-md-2">Abstract</dt>
+    <dd class="col-sm-9 col-md-10">The abstract should fit within 8 lines of the template.</dd>
+
+    <dt class="col-sm-3 col-md-2">Bulk Sections</dt>
+    <dd class="col-sm-9 col-md-10">The bulk of the paper should be clearly divided into sections with short descriptive titles, including an introduction and a conclusion.</dd>
+
+    <dt class="col-sm-3 col-md-2">Figures</dt>
+    <dd class="col-sm-9 col-md-10">If figures are included, they should only occupy the strictly necessary space, in any case individually fitting on a single page.
 	Each figure item should be appropriately labeled and accompanied by a descriptive caption.
 	SciPost does not accept creative figures or artist's impressions;
-	on the other hand, technical drawings and scientifically accurate representations are encouraged.</p>
-    </li>
-    <li>Acknowledgements
-      <p>Acknowledgements should follow immediately after the conclusion.</p>
-    </li>
-    <li>Author contributions
-      <p>This is optional. If desired, contributions should be succinctly described using author initials.</p>
-    </li>
-    <li>Funding information
-      <p>Authors are required to provide funding information, including relevant agencies and grant numbers with linked author's initials.</p>
-    </li>
-    <li>Appendices
-      <p>Supplementary material which goes beyond the paper's bulk contents can be provided in appendices, which should be
-	labeled using capital letters.</p>
-    </li>
-    <li>References
-      <p>Items in the list of references should include authors, title, journal reference and most importantly
-	<b>** include the DOI link **</b> (see the template above for an example).</p>
-    </li>
-  </ul>
+	on the other hand, technical drawings and scientifically accurate representations are encouraged.</dd>
+
+    <dt class="col-sm-3 col-md-2">Acknowledgements</dt>
+    <dd class="col-sm-9 col-md-10">Acknowledgements should follow immediately after the conclusion.</dd>
+
+    <dt class="col-sm-3 col-md-2">Author contributions</dt>
+    <dd class="col-sm-9 col-md-10">This is optional. If desired, contributions should be succinctly described using author initials.</dd>
+
+    <dt class="col-sm-3 col-md-2">Funding information</dt>
+    <dd class="col-sm-9 col-md-10">Authors are required to provide funding information, including relevant agencies and grant numbers with linked author's initials.</dd>
+
+    <dt class="col-sm-3 col-md-2">Appendices</dt>
+    <dd class="col-sm-9 col-md-10">Supplementary material which goes beyond the paper's bulk contents can be provided in appendices, which should be
+	labeled using capital letters.</dd>
+
+    <dt class="col-sm-3 col-md-2">References</dt>
+    <dd class="col-sm-9 col-md-10">Items in the list of references should include authors, title, journal reference and most importantly
+	<b>** include the DOI link **</b> (see the template above for an example).</dd>
+  </dl>
 
   <p>All equations and references should be hyperlinked to ensure ease of navigation.</p>
   <p>There is no strict length limitation, but the authors are strongly encouraged to keep contents to the
     strict minimum necessary for peers to reproduce the research described in the paper.</p>
 
 
-  <hr class="hr12"/>
+  <hr>
   <h2>Manuscript submission</h2>
   <p>Submitting your manuscript to SciPost is extremely easy. You should:</p>
   <ul>
@@ -100,8 +102,8 @@
     make every reasonable effort to implement such requests, except in cases where this is interpreted as
     interfering with a rigorous assessment of the work.</p>
 
-
-</section>
+    </div>
+</div>
 
 
-{% endblock bodysup %}
+{% endblock content %}
diff --git a/theses/templates/theses/_thesislink_card_content.html b/theses/templates/theses/_thesislink_card_content.html
index 89fbde9224a364d55fb1851c9e474345a82a8d2c..36ff9a1141e16e8a2c2ae9a0425e4887f408c4ad 100644
--- a/theses/templates/theses/_thesislink_card_content.html
+++ b/theses/templates/theses/_thesislink_card_content.html
@@ -1,15 +1,15 @@
 {% load theses_extras %}
 
 <div class="card-block">
-    <h3 class="card-title">
+    <h5 class="pb-0">{{ thesislink.get_discipline_display }} &middot; {{ thesislink.get_domain_display }} &middot; {{ thesislink.get_subject_area_display }}</h5>
+    <h3>
         <a href="{% url 'theses:thesis' thesislink_id=thesislink.id %}">{{ thesislink.title }}</a>
     </h3>
-    <p class="card-text">
+    <p class="mt-0 mb-3">
         {{ thesislink.get_type_display }} thesis by {{ thesislink.author }}
-        (supervisor(s): {{ thesislink.supervisor }}) in
-        {{ thesislink.get_discipline_display }}, {{ thesislink.get_domain_display }} {{ thesislink.get_subject_area_display }}.
+        (supervisor(s): {{ thesislink.supervisor }})
     </p>
     <p class="card-text text-muted">
-        Defense date: {{ thesislink.defense_date }}. Latest activity: {{ thesislink.latest_activity|date:"DATE_FORMAT" }}.
+        Defense date: {{ thesislink.defense_date }} &middot; Latest activity: {{ thesislink.latest_activity|date:"DATE_FORMAT" }}
     </p>
 </div>