Backend/Mailboxes: improve design

views/backend/mail_domain.njk

@@ -10,7 +10,7 @@
         ]) }}
 
         <div class="panel">
-            <i data-feather="mail"></i>
+            <i data-feather="globe"></i>
             <h1>Mail domain: {{ domain.name }}</h1>
 
             <form action="{{ route('backend-edit-domain', domain.id) }}" method="POST">

views/backend/mailboxes.njk

@@ -11,7 +11,7 @@
         <h1>Mailbox manager</h1>
 
         <section class="panel">
-            <h2>Domains</h2>
+            <h2><i data-feather="globe"></i> Domains</h2>
 
             <form action="{{ route('backend-add-domain') }}" method="POST" class="sub-panel">
                 <h3>Add domain</h3>
@@ -65,7 +65,7 @@
         </section>
 
         <section class="panel">
-            <h2>Mailboxes</h2>
+            <h2><i data-feather="mail"></i> Mailboxes</h2>
 
             <table class="data-table">
                 <thead>
@@ -75,6 +75,7 @@
                     <th>Name</th>
                     <th>Identities</th>
                     <th>Owned domains</th>
+                    <th>Actions</th>
                 </tr>
                 </thead>
 
@@ -83,9 +84,14 @@
                     <tr>
                         <td>{{ box.id }}</td>
                         <td>{{ box.username }}</td>
-                        <td><a href="{{ route('backend-mailbox', box.id) }}">{{ box.name }}</a></td>
+                        <td>{{ box.name }}</td>
                         <td>{{ box.identity_count }}</td>
                         <td>{{ box.domain_count }}</td>
+                        <td class="actions">
+                            <a href="{{ route('backend-mailbox', box.id) }}" class="button">
+                                <i data-feather="edit-2"></i> <span class="tip">Edit</span>
+                            </a>
+                        </td>
                     </tr>
                 {% endfor %}
                 </tbody>