Display category / department and location in job listing page.

apps/careers/templates/careers/home.html

@@ -20,6 +20,8 @@
   {% if position %}
     <div id="position">
       <h1>{{ position.title }}</h1>
+      <h3>
+        {% for category in position.category.all() %}<a href="{{ url('careers.views.department', slug=category.slug) }}">{{ category.name }}</a>{% endfor %},  {{ position.location }}</h3>
       <p>{{ position.description|safe }}</p>
       <a href="{{ position.apply_url }}">Apply</a>
     </div>

media/css/careers.css

@@ -33,4 +33,9 @@ ul#positions {
 
 ul#positions li {
     padding: 3px 0px;
+}
+
+div#position h1, h2, h3 {
+    padding: 0px;
+    margin: 0px 0px 10px 0px;
 }