04/09 update: redesign user's roles

app/templates/auth/users.html

@@ -3,12 +3,11 @@
 {% block title %}User Management{% endblock %}
 
 {% block content %}
-<div class="row mb-4 align-items-center">
-    <div class="col">
+<div class="row mb-4">
+    <div class="col-md-6">
         <h2><i class="bi bi-people-fill"></i> Internal User Management</h2>
-        <p class="text-muted mb-0">Manage staff accounts (Admin, Supervisor, Inspector, Project Manager). For customer accounts, visit <a href="{{ url_for('customers.index') }}">Customer Management</a>.</p>
     </div>
-    <div class="col-auto">
+    <div class="col-md-6 text-end">
         <a href="{{ url_for('auth.create_user') }}" class="btn btn-primary">
             <i class="bi bi-plus-circle"></i> Add User
         </a>
@@ -37,7 +36,7 @@
                         <td>{{ user.full_name or '—' }}</td>
                         <td>{{ user.email }}</td>
                         <td>
-                            <span class="badge bg-{% if user.role == 'admin' %}danger{% elif user.role == 'supervisor' %}warning{% elif user.role == 'project_manager' %}primary{% elif user.role == 'customer' %}success{% else %}info{% endif %}">
+                            <span class="badge bg-{% if user.role == 'admin' %}danger{% elif user.role == 'director' %}warning{% elif user.role == 'project_manager' %}primary{% elif user.role == 'customer' %}success{% else %}info{% endif %}">
                                 {{ user.role.replace('_',' ')|title }}
                             </span>
                         </td>