templates: improve user sidebar style

Use Bootstrap list-group class and adjust content alignment with
a flex container.
master
Alejandro Sirgo Rica 2024-06-27 11:32:35 +02:00
parent 35a55f16de
commit e91fc78a6d
1 changed files with 4 additions and 3 deletions

View File

@ -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>