Some design improvements

apps/map/templates/map/form-case_study.html

@@ -4,9 +4,14 @@
 {% block stylesheets %}
   {{ block.super }}
   {% leaflet_css %}
+  <style>
+    .page-lead { border-left: 10px solid #4ac95d; }
+  </style>
 {% endblock %}
 
-{% block page_title %}{% trans "Submit a Case Study" %} - {{ block.super }}{% endblock %}
+{% block page_title %}{% trans "New Case Study" %} - {{ block.super }}{% endblock %}
+{% block title %}{% trans "New Case Study" %}{% endblock %}
+
 {% block description %}{% trans "Here you can submit a case study for review and it will be added to the map." %}{% endblock %}
 
 {% block inner %}

assets/css/ojuso.css

@@ -1,3 +1,7 @@
+h1 {
+  font-weight: bold;
+}
+
 /* Make sure that the footer doesn't have space after it */
 .container { min-height: 60vh; }
 

ojusomap/templates/base_page.html

@@ -5,8 +5,8 @@
 {{ block.super }}
 <style>
     .page-lead {
-        padding: 40px 15px;
-        text-align: center;
+      padding: 5px 30px;
+      margin-bottom: 20px;
     }
 </style>
 {% endblock %}
@@ -16,8 +16,8 @@
   <div class="container">
 
     <div class="page-lead">
-      <h1 class="text-center">{% block title %}{% endblock %}</h1>
-      <p class="lead text-center">{% block description %}{% endblock %}</p>
+      <h1>{% block title %}{% endblock %}</h1>
+      <p class="lead">{% block description %}{% endblock %}</p>
     </div>
 
     {% block inner %}