diff --git a/nummi/main/static/css/index.css b/nummi/main/static/css/index.css
index 988dcc6..c4c798f 100644
--- a/nummi/main/static/css/index.css
+++ b/nummi/main/static/css/index.css
@@ -38,3 +38,11 @@
overflow: hidden;
text-overflow: ellipsis;
}
+
+ul#categories {
+ list-style-type: "– ";
+}
+#categories ul {
+ list-style-type: "↳ ";
+ padding-left: 1.5em;
+}
diff --git a/nummi/main/templates/main/index.html b/nummi/main/templates/main/index.html
index f28430b..4a394a4 100644
--- a/nummi/main/templates/main/index.html
+++ b/nummi/main/templates/main/index.html
@@ -13,30 +13,30 @@
Add transaction
{% if transactions %}
-
-
- {% for trans in transactions %}
-
-
{{ trans.date|date:"Y-m-d" }}
-
{{ trans.name }}
-
{{ trans.value|floatformat:"2g" }} €
-
{{ trans.trader|default_if_none:"–" }}
-
{% if trans.category %}{{ trans.category.tree|join:" → " }}{% else %}–{% endif %}
-
{{ trans.description }}
+
+
- {% endfor %}
-
+ {% for trans in transactions %}
+
+
{{ trans.date|date:"Y-m-d" }}
+
{{ trans.name }}
+
{{ trans.value|floatformat:"2g" }} €
+
{{ trans.trader|default_if_none:"–" }}
+
{% if trans.category %}{{ trans.category.tree|join:" → " }}{% else %}–{% endif %}
+
{{ trans.description }}
+
+ {% endfor %}
+
{% endif %}
{% if categories %}
-
+
{{ categories|unordered_list }}
{% endif %}