From 3485a2453a6015594f77278205d3d724c398f367 Mon Sep 17 00:00:00 2001
From: David Kerkeslager <kerkeslager@gmail.com>
Date: Fri, 26 Feb 2021 20:15:23 -0500
Subject: [PATCH] Tag breadcrumbs for more flexible styling

---
 tickle/templates/tickle/area_breadcrumb.html | 26 +++++++++++++-------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/tickle/templates/tickle/area_breadcrumb.html b/tickle/templates/tickle/area_breadcrumb.html
index 5f52d9e..e0b1034 100644
--- a/tickle/templates/tickle/area_breadcrumb.html
+++ b/tickle/templates/tickle/area_breadcrumb.html
@@ -1,11 +1,19 @@
-{% if area %}
-  {% include 'tickle/area_breadcrumb.html' with area=area.parent is_parent=True %}
-  &gt;
-  {% if is_parent %}
-    <a href='{% url "tickle:area-detail" pk=area.pk %}'>{{ area.name }}</a>
+<nav class='tickle-breadcrumb'>
+  {% if area %}
+    {% include 'tickle/area_breadcrumb.html' with area=area.parent is_parent=True %}
+    &gt;
+    {% if is_parent %}
+      <span class='tickle-breadcrumb-item'>
+        <a href='{% url "tickle:area-detail" pk=area.pk %}'>{{ area.name }}</a>
+      </span>
+    {% else %}
+      <span class='tickle-breadcrumb-item'>
+        {{ area.name }}
+      </span>
+    {% endif %}
   {% else %}
-    {{ area.name }}
+    <span class='tickle-breadcrumb-item'>
+      <a href='{% url "tickle:area-list" %}'>All</a>
+    </span>
   {% endif %}
-{% else %}
-  <a href='{% url "tickle:area-list" %}'>All</a>
-{% endif %}
+</nav>
-- 
2.20.1