added new parent page + minor css/js improvements

templates/list.html

@@ -2,19 +2,25 @@
 {% load static %}
 {% block head %}
     <link rel="stylesheet" href="{% static "list.css" %}">
+    <script src="{% static "list.js" %}"></script>
     {% block extra-head %}{% endblock %}
 {% endblock %}
 {% block main %}
-    <ul class="list">
-        {% for element in elements %}
-            <li data-id="{{ element.id }}" class="{% block extra-class %}{% endblock %}">
-                {% block element %}{% endblock %}
-                <div class="actions">
-                    {% block actions %}{% endblock %}
-                </div>
-            </li>
-        {% empty %}
-            <li class="empty">No {% block element_name %}{% endblock %} defined yet</li>
-        {% endfor %}
-    </ul>
+    <div class="list-wrapper">
+        <div class="list-header">
+            <button class="new">New {{ class_name }}</button>
+        </div>
+        <ul class="list">
+            {% for element in elements %}
+                <li data-id="{{ element.id }}" class="{% block extra-class %}{% endblock %}">
+                    {% block element %}{% endblock %}
+                    <div class="actions">
+                        {% block actions %}{% endblock %}
+                    </div>
+                </li>
+            {% empty %}
+                <li class="empty">No {{ class_name }} defined yet</li>
+            {% endfor %}
+        </ul>
+    </div>
 {% endblock %}