diff --git a/journals/templates/journals/_publication_card_content.html b/journals/templates/journals/_publication_card_content.html index d7bb3cf39c03523e611f68cf8b1694a7a5a60479..4053b050e86e8d72103b23cc41e535b14f5f2968 100644 --- a/journals/templates/journals/_publication_card_content.html +++ b/journals/templates/journals/_publication_card_content.html @@ -1,4 +1,4 @@ -<div class="card-block publication-{{publication.id}} py-2"> +<div class="card-block publication-{{publication.id}}"> <h3 class="card-title"><a href="{% url 'scipost:publication_detail' publication.doi_string %}">{{ 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="{% url 'scipost:publication_pdf' publication.doi_string %}" target="_blank">pdf</a></p> diff --git a/journals/templates/journals/scipost_physics.html b/journals/templates/journals/scipost_physics.html index 91926416c4a558ca8ba6740499024d4aee734026..6859a27c017f1c01e4d142f3f06ce08b86830345 100644 --- a/journals/templates/journals/scipost_physics.html +++ b/journals/templates/journals/scipost_physics.html @@ -6,9 +6,7 @@ {% block secondary_navbar %} <nav class="navbar navbar-secondary"> <div class="container"> - <div> - <h2 class="banner d-inline-block"><a href="{% url 'journals:scipost_physics' %}">SciPost Physics</a></h2> - </div> + <h2 class="banner d-inline-block mr-2"><a href="{% url 'journals:scipost_physics' %}">SciPost Physics</a></h2> <ul class="links"> <li><a href="{% url 'journals:scipost_physics_issues' %}">Issues</a></li> <li><a class="active" href="{% url 'journals:scipost_physics_recent' %}">Recent</a></li> @@ -39,7 +37,7 @@ <ul class="list-group list-group-flush px-3"> {% for paper in current_issue.publication_set.all|dictsort:"paper_nr" %} <li class="list-group-item"> - <div class="card card-grey w-100"> + <div class="card card-grey card-publication"> {% include 'journals/_publication_card_content.html' with publication=paper %} </div> </li> @@ -54,7 +52,7 @@ <ul class="list-group list-group-flush px-3"> {% for paper in latest_issue.publication_set.all|dictsort:"paper_nr" %} <li class="list-group-item"> - <div class="card card-grey w-100"> + <div class="card card-grey card-publication"> {% include 'journals/_publication_card_content.html' with publication=paper %} </div> </li> diff --git a/scipost/static/scipost/assets/css/_cards.scss b/scipost/static/scipost/assets/css/_cards.scss index 78bce205b80996f4d7607e1bbfa19301cccc45e7..13637b2ebb8988cd761ac77799b0634659867ecb 100644 --- a/scipost/static/scipost/assets/css/_cards.scss +++ b/scipost/static/scipost/assets/css/_cards.scss @@ -35,3 +35,22 @@ color: $scipost-light; } } + +.card-publication { + width: 100%; + + &.card-grey { + background-color: #f8f8f8; + } + + .card-block { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + + .card-title { + background-color: #f4f4f4; + margin: -0.5rem -0.75rem 0.5rem -0.75rem; + padding: .75rem 0.75rem; + } + } +} diff --git a/scipost/static/scipost/assets/css/_general.scss b/scipost/static/scipost/assets/css/_general.scss index 965f626f7fbdcf87c3660d1f43a2238858c6262c..74b43d229c4bd51dd0377b3a424c96b2762b1783 100644 --- a/scipost/static/scipost/assets/css/_general.scss +++ b/scipost/static/scipost/assets/css/_general.scss @@ -1,6 +1,6 @@ .banner { background-color: #002b49; - padding: 15px 20px; + padding: 0.9rem 1rem; text-align: center; border-radius: 1.4px; diff --git a/scipost/static/scipost/assets/css/_navbar.scss b/scipost/static/scipost/assets/css/_navbar.scss index 894acb38ca2cb4924f2b74271cf28a92dfde128f..ce197daf4c39818446566929f09adb8ad88900f6 100644 --- a/scipost/static/scipost/assets/css/_navbar.scss +++ b/scipost/static/scipost/assets/css/_navbar.scss @@ -50,4 +50,9 @@ margin-top: -0.75rem; margin-bottom: 1.75rem; background-color: #f8f8f8; + + > .container { + margin-bottom: -1.5rem; + padding-top: 0.5rem; + } } diff --git a/scipost/static/scipost/assets/css/scipost-physics.scss b/scipost/static/scipost/assets/css/scipost-physics.scss index 7f54a7c32b54cef81d345c7e84535936c19a6718..7b0eaae150e3c36019f644dcbaea7b5396c99c8e 100644 --- a/scipost/static/scipost/assets/css/scipost-physics.scss +++ b/scipost/static/scipost/assets/css/scipost-physics.scss @@ -1,11 +1,10 @@ .journals .navbar-secondary ul.links { background-color: #dddddd; - display: block; + display: inline-block; font-size: 16px; - padding: 0px; + padding: 0; border-radius: 1.4px; - margin-top: 0.5rem; - margin-bottom: -1.5rem; + margin: 0; > li { display: inline-block;