Fix alignment issues on certain widths

journals/templates/journals/_base.html

@@ -14,8 +14,9 @@
 {% endblock %}
 
 {% block secondary_navbar %}
-    <nav class="navbar navbar-secondary">
-        <div class="container my-2">
+<div class="container my-2">
+    <nav class="navbar navbar-secondary px-0">
+        <div>
             <h2 class="banner d-inline-block mr-2"><a href="{% url 'scipost:landing_page' journal.doi_string %}">{{journal}}</a></h2>
             <ul class="links">
                 {% if journal.active or request.user.is_staff %}
@@ -29,6 +30,7 @@
             </ul>
         </div>
     </nav>
+</div>
 {% endblock secondary_navbar %}
 
 

journals/templates/journals/_publication_card_content.html

 <div class="card-block publication-{{publication.id}}">
     <h3 class="card-title"><a href="{{publication.get_absolute_url}}">{{ publication.title }}</a></h3>
     <p class="card-text">{{ publication.author_list }}</p>
-    <p class="card-text text-muted">{{ publication.citation }} - published {{ publication.publication_date|date:'j F Y' }} | <a href="javascript:;" class="btn btn-outline-primary btn-sm mx-2" data-toggle="toggle" data-target=".card-block.publication-{{publication.id}} .abstract">Toggle abstract</a> <a href="{{publication.get_absolute_url}}/pdf" target="_blank">pdf</a></p>
+    <p class="card-text text-muted">{{ publication.citation }} - published {{ publication.publication_date|date:'j F Y' }} | <a href="javascript:;" class="mx-2" data-toggle="toggle" data-target=".card-block.publication-{{publication.id}} .abstract">Toggle abstract</a> <a href="{{publication.get_absolute_url}}/pdf" target="_blank">pdf</a></p>
     <p class="abstract mb-0 py-2" style="display:none;">{{ publication.abstract }}</p>
 </div>