Additional edits on frontpage styling

journals/templates/journals/_publication_details_small.html

-
+<h4>{{publication.get_subject_area_display}}</h4>
 <h3><a href="{{publication.get_absolute_url}}">{{publication.title}}</a></h3>
 
-<p class="font-weight-bold mb-1">{{ publication.author_list }}</p>
-<p class="text-muted mb-2">{{ publication.citation }} | published {{ publication.publication_date|date:'j F Y' }}</p>
+<p class="font-weight-bold mb-4">{{ publication.author_list }}</p>
+<p class="text-muted mb-0">{{ publication.citation }} | published {{ publication.publication_date|date:'j F Y' }}</p>

news/templates/news/news_card_content_short.html

 <div class="card-block px-0 py-2 news-item">
     <h3 class="card-title mb-0 pb-0">{{news.headline}}</h3>
     <div>
-        <h4 class="text-muted font-weight-bold">{{news.date|date:'Y-n-j'}}</h4>
+        <h5 class="text-muted mb-2">{{news.date|date:'j F Y'}}</h5>
         <div>
             {{news.blurb|slice:":180"}} (...)
 

scipost/static/scipost/assets/config/preconfig.scss

@@ -19,7 +19,7 @@ $container-max-widths: (
 // Cards
 //
 $card-spacer-x: 0.75rem;
-$card-border-radius: 0.15rem;
+$card-border-radius: 0;
 $card-border-color: #fff;
 $card-cap-bg: transparent;
 $btn-secondary-border-color: #f1f1f1;
@@ -86,5 +86,5 @@ $table-cell-padding: 0.25rem 0.5rem;
 $navbar-light-color: $scipost-darkblue !default;
 $navbar-light-hover-color: $scipost-darkblue !default;
 
-$input-border-radius: 2px !default;
-$btn-border-radius: 2px !default;
+$input-border-radius: 0;
+$btn-border-radius: 0;

scipost/static/scipost/assets/css/_form.scss

@@ -45,22 +45,25 @@ input[type="file"] {
 
 .search-nav-form {
     input {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
+        // border-top-right-radius: 0;
+        // border-bottom-right-radius: 0;
         margin-right: 0 !important;
         border-right: 0;
-        border-color: #ddd;
+        // border-color: #ddd;
+        min-width: 200px;
     }
 
-    button {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
+    > * {
         border-color: #ddd !important;
         outline: 0;
+        line-height: 1.75;
 
         &:hover {
-            background-color: inherit;
-            box-shadow: inset 0px 0px 6px 1px #fff;
+            border-color: #d3e3f6 !important;
         }
     }
+
+    button:hover {
+        background-color: #f0f0f0;
+    }
 }

scipost/static/scipost/assets/css/_type.scss

@@ -67,6 +67,13 @@ h3.highlight-empty {
     padding: 10px;
 }
 
+h4,
+.h4 {
+    font-size: 10px;
+    color: $scipost-lightblue;
+    text-transform: uppercase;
+}
+
 hr,
 hr.hr12 {
     height: 3px;

scipost/templates/scipost/index.html

@@ -90,7 +90,7 @@
                                 <img src="{% static 'scipost/images/feed-icon-14x14.png' %}" alt="Feed logo" width="14">
                             </a>
                         </h2>
-                        <h4 class="card-subtitle pb-0 text-muted">Latest news and announcements.</h4>
+                        <h5 class="card-subtitle pb-0 text-muted">Latest news and announcements.</h5>
                     </div>
                     <div class="card-block">
                         <ul class="list-group list-group-flush">
@@ -124,7 +124,7 @@
                         <h2 class="card-title">
                             <a href="{% url 'journals:journals' %}">Journals</a>
                         </h2>
-                        <h4 class="card-subtitle pt-0 text-muted">SciPost publishes a portfolio of high-quality two-way open access scientific journals.</h4>
+                        <h5 class="card-subtitle pt-0 mb-2 text-muted">SciPost publishes a portfolio of high-quality two-way open access scientific journals.</h5>
                         <p>
                             All SciPost Journals implement the stringent <a href="{% url 'scipost:FAQ' %}#pwr">peer-witnessed refereeing</a> principle.
                             <br>