question numbering in survey response display

media/css/custom.css

@@ -252,3 +252,11 @@ label {
 	height: 50px;
 }
 
+ol.survey-questions {
+	margin-left: 0px;
+}
+
+.q-item {
+	margin-left: 60px;
+}
+

survey/templatetags/survey_extras.py

@@ -0,0 +1,16 @@
+from django import template
+
+register = template.Library()
+
+class CounterNode(template.Node):
+
+  def __init__(self):
+    self.count = 0
+
+  def render(self, context):
+    self.count += 1
+    return self.count
+
+@register.tag
+def counter(parser, token):
+  return CounterNode()

templates/survey.html

@@ -1,4 +1,5 @@
 {% extends 'base.html' %}
+{% load survey_extras %}
 
 {% block body %}
 
@@ -50,11 +51,13 @@ <h3 class="collapsible" id="response_metadata">Response Metadata<span></span></h
 		</div>
 	</div>
 
+		<ol class="survey-questions">
 		{% for category in categories %}
 			<h3 class="collapsible">{{category|title}} Questions<span></span></h3>
 			<div class="category-container">
 			{% for field in response_form %}
 				{% if field.field.widget.attrs.category == category %}
+					<li class="q-item" value="{% counter %}">
 					{% if field.field.required %} 
 					<div class="field-wrapper question-required"> 
 						{{ field.errors }}
@@ -69,10 +72,12 @@ <h3 class="collapsible">{{category|title}} Questions<span></span></h3>
 							{{ field }}
 						</div>
 					</div>
+					</li>
 				{% endif %}
 			{% endfor %}
 			</div>
 		{% endfor %}
+		</ol>
 
 		<div class="submit-button"><input type="submit" value="I'm done!"></div>
 	</form>