From 978036ef5255dc7716b9d7c224dfc293d189b8e8 Mon Sep 17 00:00:00 2001
From: Thomas Rusiecki <rusieckithomas@gmail.com>
Date: Thu, 28 Nov 2024 00:13:05 -0300
Subject: [PATCH] added bootstrap to users list

---
 admin/templates/admin_users.html | 36 +++++++++++++++++---------------
 1 file changed, 19 insertions(+), 17 deletions(-)

diff --git a/admin/templates/admin_users.html b/admin/templates/admin_users.html
index 8d71a07..6b8ed2a 100644
--- a/admin/templates/admin_users.html
+++ b/admin/templates/admin_users.html
@@ -2,35 +2,37 @@
 {% load i18n %}
 
 {% block content %}
-<div class="row">
+<div class="row mb-4">
   <div class="col">
     <h3>{{ subtitle }}</h3>
   </div>
-  <div class="col-2">
-    <a href="{% url 'admin:new_user' %}" class="btn btn-green-admin">{% translate "Add new user" %}</a>
+  <div class="col-2 text-end">
+    <a href="{% url 'admin:new_user' %}" class="btn btn-green-admin "><i class="bi bi-person-plus"></i> {% trans "New user" %}</a>
   </div>
 </div>
 
 <div class="row">
   <div class="col">
-    <table class="table">
-      <thead>
-	<tr>
-	  <th scope="col">Email</th>
-	  <th>{% trans "admin?" %}</th>
-	  <th></th>
-	  <th></th>
-	</tr>
+    <table class="table table-hover table-bordered">
+      <thead class="table-light">
+        <tr>
+          <th scope="col">{% trans "Email" %}</th>
+          <th scope="col">{% trans "Admin?" %}</th>
+          <th scope="col" class="text-center">{% trans "Actions" %}</th>
+        </tr>
       </thead>
       <tbody>
-	<tr>
         {% for u in users %}
+        <tr>
           <td>{{ u.email }}</td>
-          <td>{{ u.is_admin }}</td>
-          <td><a href="{% url 'admin:edit_user' u.pk %}"><i class="bi bi-eye"></i></td>
-          <td><a href="{% url 'admin:delete_user' u.pk %}" class="text-danger" title="Remove"><i class="bi bi-trash"></i></td>
-	</tr>
-	{% endfor %}
+          <td>{% if u.is_admin %}{% trans "Yes" %}{% else %}{% trans "No" %}{% endif %}</td>
+          <td class="text-center">
+            <a href="{% url 'admin:edit_user' u.pk %}"><i class="bi bi-pencil me-4"></i></a>
+
+            <a href="{% url 'admin:delete_user' u.pk %}" class="text-danger" title="Remove"><i class="bi bi-trash"></i> </a>
+          </td>
+        </tr>
+        {% endfor %}
       </tbody>
     </table>
   </div>