Use breadcrumb on more pages

views/backend/mail_domain.njk

@@ -9,7 +9,7 @@
             {title: 'Mailboxes', link: route('backend-mailboxes')}
         ]) }}
 
-        <main class="panel">
+        <div class="panel">
             <i data-feather="mail"></i>
             <h1>Mail domain: {{ domain.name }}</h1>
 
@@ -20,6 +20,6 @@
 
                 {{ macros.csrf(getCSRFToken) }}
             </form>
-        </main>
+        </div>
     </div>
 {% endblock %}

views/backend/mailbox.njk

@@ -4,11 +4,14 @@
 
 {% block body %}
     <div class="container">
-        <main class="panel">
-            <i data-feather="mail"></i>
-            <h1>Mailbox</h1>
+        {{ macros.breadcrumb(mailbox.name, [
+            {title: 'Backend', link: route('backend')},
+            {title: 'Mailboxes', link: route('backend-mailboxes')}
+        ]) }}
 
-            <p class="center">{{ mailbox.name }}</p>
+        <div class="panel">
+            <i data-feather="mail"></i>
+            <h1>Mailbox: {{ mailbox.name }}</h1>
 
             <table class="data-table">
                 <thead>
@@ -28,7 +31,8 @@
                             <form action="{{ route('backend-delete-mail-identity') }}" method="POST">
                                 <input type="hidden" name="id" value="{{ identity.id }}">
 
-                                <button class="danger" onclick="return confirm('Are you sure you want to delete {{ identity.email }}?')">
+                                <button class="danger"
+                                        onclick="return confirm('Are you sure you want to delete {{ identity.email }}?')">
                                     <i data-feather="trash"></i> <span class="tip">Delete</span>
                                 </button>
 
@@ -53,6 +57,6 @@
 
                 {{ macros.csrf(getCSRFToken) }}
             </form>
-        </main>
+        </div>
     </div>
 {% endblock %}

views/backend/mailboxes.njk

@@ -3,9 +3,13 @@
 {% set title = app.name + ' - Backend' %}
 
 {% block body %}
-    <h1>Mailbox manager</h1>
-
     <div class="container">
+        {{ macros.breadcrumb('Mailboxes', [
+            {title: 'Backend', link: route('backend')}
+        ]) }}
+
+        <h1>Mailbox manager</h1>
+
         <section class="panel">
             <h2>Domains</h2>