Minor styling edits

commentaries/templates/commentaries/commentaries.html

@@ -14,14 +14,14 @@
 {# <section>#}
 <div class="row">
     <div class="col-md-4">
-        <div class="panel">
+        <div class="panel page-header-panel">
           <h1>SciPost Commentaries</h1>
           <h3><a href="{% url 'commentaries:howto' %}">SciPost Commentaries how-to</a></h3>
           <h3><a href="{% url 'commentaries:request_commentary' %}">Request a new Commentary Page</a></h3>
         </div>
     </div>
     <div class="col-md-4">
-    	<div class="panel">
+    	<div class="panel page-header-panel">
             <h2>Search SciPost Commentaries:</h2>
             <form action="{% url 'commentaries:commentaries' %}" class="small" method="post">
           	{% csrf_token %}
@@ -31,7 +31,7 @@
         </div>
     </div>
     <div class="col-md-4">
-        <div class="panel">
+        <div class="panel page-header-panel">
           <h2>View SciPost Commentaries</h2>
           <ul>
     	<li>Physics: last <a href="{% url 'commentaries:browse' discipline='physics' nrweeksback=1 %}">week</a>, <a href="{% url 'commentaries:browse' discipline='physics' nrweeksback=4 %}">month</a> or <a href="{% url 'commentaries:browse' discipline='physics' nrweeksback=52 %}">year</a> </li>

scipost/static/scipost/assets/css/_grid.scss

+
+.panel {
+    padding: 0.75rem;
+    height: 100%;
+    background-color: #f4f4f4;
+    border-bottom: 10px solid #fff;
+
+    &.page-header-panel {
+        // Safari hack!
+        min-height: 190px;
+    }
+}

scipost/static/scipost/assets/css/_navbar.scss

@@ -38,8 +38,3 @@
 .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 43, 73, 1.0)");
 }
-.panel {
-    padding: 0.75rem;
-    height: 100%;
-    background-color: #f4f4f4;
-}

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

@@ -5,6 +5,8 @@
 a {
     color: $scipost-lightblue;
     text-decoration: none;
+    cursor: pointer;
+    outline: none;
 }
 a:hover {
     color: $scipost-darkblue;
@@ -20,8 +22,8 @@ hr,
 hr.hr12 {
     height: 3px;
     border: 0;
-    box-shadow: 0 2px 2px 0 #ccc;
-    background: rgba(246, 161, 26, 0.5);
+    box-shadow: 0 1px 2px 0 #ccc;
+    background: rgba(104, 133, 195, 0.5);
     margin-bottom: 1rem;
 
     &.small {

submissions/templates/submissions/submissions.html

@@ -7,14 +7,14 @@
 {% block content %}
 <div class="row">
     <div class="col-md-4">
-        <div class="panel">
+        <div class="panel page-header-panel">
           <h1>SciPost Submissions</h1>
           <h3><a href="{% url 'submissions:sub_and_ref_procedure' %}">Submission and refereeing procedure</a></h3>
           <h3><a href="{% url 'submissions:submit_manuscript' %}">Submit a manuscript to SciPost</a></h3>
         </div>
     </div>
     <div class="col-md-4">
-        <div class="panel">
+        <div class="panel page-header-panel">
           <h2>Search SciPost Submissions:</h2>
           <form action="{% url 'submissions:submissions' %}" class="small" method="post">
             {% csrf_token %}
@@ -24,7 +24,7 @@
         </div>
     </div>
     <div class="col-md-4">
-        <div class="panel">
+        <div class="panel page-header-panel">
             <h2>View SciPost Submissions</h2>
             <ul>
                 <li>Physics: last <a href="{% url 'submissions:browse' discipline='physics' nrweeksback=1 %}">week</a> <a href="{% url 'submissions:browse' discipline='physics' nrweeksback=4 %}">month</a> <a href="{% url 'submissions:browse' discipline='physics' nrweeksback=52 %}">year</a></li>

theses/templates/theses/theses.html

@@ -12,13 +12,13 @@
 
 <div class="row">
     <div class="col-md-4">
-        <div class="panel">
+        <div class="panel page-header-panel">
           <h1>SciPost Theses</h1>
           <h3><a href="{% url 'theses:request_thesislink' %}">Request a new Thesis Link</a></h3>
         </div>
     </div>
     <div class="col-md-4">
-        <div class="panel">
+        <div class="panel page-header-panel">
           <h2>Search SciPost Theses:</h2>
           <form class="small" action="{% url 'theses:theses' %}" method="post">
             {% csrf_token %}
@@ -30,7 +30,7 @@
         </div>
     </div>
     <div class="col-md-4">
-        <div class="panel">
+        <div class="panel page-header-panel">
           <h2>View SciPost Theses</h2>
           <ul>
             <li>Physics: last <a href="{% url 'theses:browse' discipline='physics' nrweeksback=1 %}">week</a>, <a href="{% url 'theses:browse' discipline='physics' nrweeksback=4 %}">month</a> or <a href="{% url 'theses:browse' discipline='physics' nrweeksback=52 %}">year</a> </li>