From e91fc78a6d21bd5038bebd8966b4b8478c9e3652 Mon Sep 17 00:00:00 2001
From: Alejandro Sirgo Rica <asirgo@soleta.eu>
Date: Thu, 27 Jun 2024 11:32:35 +0200
Subject: templates: improve user sidebar style

Use Bootstrap list-group class and adjust content alignment with
a flex container.
---
 ogcp/templates/users.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'ogcp/templates/users.html')

diff --git a/ogcp/templates/users.html b/ogcp/templates/users.html
index 01b0a60..c4e65f4 100644
--- a/ogcp/templates/users.html
+++ b/ogcp/templates/users.html
@@ -11,13 +11,14 @@
 {% endblock %}
 
 {% block sidebar %}
-    <ul id="users-list" class="nav ogcp-nav flex-column nav-pills">
+    <ul id="users-list" class="nav ogcp-nav flex-column nav-pills list-group">
         {% for user in users %}
-            <li id="user-{{ user['USER'] }}" class="nav-item">
+            <li id="user-{{ user['USER'] }}" class="nav-item list-group-item d-flex align-items-center" style="padding-left: 35px;">
                 <input class="form-check-input" type="checkbox" form="usersForm"
                        value="{{ user['USER'] }}"
                        name="user-{{ user['USER'] }}" />
-                        {{ user['USER'] }}
+                <i class="fas fa-user-circle fa-2x mr-2"></i>
+                <b>{{ user['USER'] }}</b>
             </li>
         {% endfor %}
     </ul>
-- 
cgit v1.2.3-18-g5258