Fix blacklist wrapping issues, tone down the HR alt app colour

app/hr/templates/hr/applications/admin/view_list.html

@@ -6,7 +6,7 @@
 
 <style type="text/css">
   #alt-application {
-    background-color: #FFA545;
+    background-color: #ffe8d0;
   }
 </style>
 

app/hr/templates/hr/blacklist_list.html

@@ -3,6 +3,14 @@
 {% block title %}Blacklist{% endblock %}
 
 {% block content %}
+
+<style type="text/css">
+  #blacklists td.reason {
+    word-break: break-all;
+    max-width: 300px;
+  }
+</style>
+
 <div class="page-header">
   <h1>Blacklist</h1>
 </div>
@@ -12,13 +20,13 @@
     <input type="text" name="q" id="query" value="{% if query %}{{ query }}{% endif %}" placeholder="Search..."/>
 </form>
 
-<table>
+<table class="zebra-striped" id="blacklists">
   <thead>
     <th>ID</th><th>Type</th><th>Value</th><th>Level</th><th>Reason</th><th>Expiry</th>
   </thead>
   <tbody>
     {% for obj in object_list %}
-    <tr><td>{{ obj.id }}</td><td>{{ obj.get_type_display }}</td><td>{{ obj.value }}</td><td>{{ obj.get_level_display }}</td><td>{{ obj.reason }}</td><td>{{ obj.expiry_date }}</td></tr>
+    <tr><td>{{ obj.id }}</td><td>{{ obj.get_type_display }}</td><td>{{ obj.value }}</td><td>{{ obj.get_level_display }}</td><td class="reason">{{ obj.reason }}</td><td>{{ obj.expiry_date }}</td></tr>
     {% endfor %}
   </tbody>
 </table>